@import url(//fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);
@import url(//fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap);
*{margin:0;padding:0}
li,ol,ul{list-style:none}
a,a:hover{color:#000}
a,a:hover,a:link,a:visited{text-decoration:none}
body{font-family:Lato,sans-serif;font-size:16px}
img{border:none;max-width:100%}
div{box-sizing:border-box}
table{border-collapse:collapse}
.table-responsive{touch-action:auto;width:100%;margin:.2rem 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
header{position:relative}
header .header-top{display:flex;height:50px;background:#0b0b0b;padding:0 260px;justify-content:space-between}
header .header-top .top-info{display:flex;align-items:center;height:100%;color:#ccc}
header .header-top .top-info i{margin-right:5px}
header .header-top .top-info .info-email{margin-left:30px}
header .header-top .top-info a{color:#ccc}
header .header-top .top-right{display:flex;align-items:center;height:100%}
header .header-top .top-right .search-input{display:flex;align-items:center;width:230px;height:30px;box-sizing:border-box;border:1px solid #ccc;border-radius:15px}
header .header-top .top-right .search-input .icon-search{cursor:pointer;color:#ccc;margin-left:18px}
header .header-top .top-right .search-input input{margin-left:10px;height:24px;outline:0;border:none;color:#ccc;background:#0b0b0b}
header .header-top .top-right .search-input .search-btn{display:none}
header .header-top .top-right .language-list{margin-left:18px;width:100px;height:30px;box-sizing:border-box;border-radius:15px;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;color:#ccc}
header .header-top .top-right .language-list i{color:#ccc;margin-left:10px;transform:scale(1.3);cursor:pointer}
header .header-top .top-right #xyz{z-index:999;width:40px;position:relative}
header .header-top .top-right #xyz .xyz12{position:absolute;top:-20px;box-sizing:border-box}
header .header-top .top-right #xyz .xyz12 span{position:absolute;right:10px;top:12px;background:url(https://rogtzcarjack.com/images/m401/blue/imgs/down_w.png) no-repeat;width:20px;height:20px}
header .header-top .top-right #xyz .xyz12 span:hover{cursor:pointer}
header .header-top .top-right #xyz .xyz12 ul li{display:none;padding-left:5px;width:120px;height:40px;line-height:40px}
header .header-top .top-right #xyz .xyz12 ul li a{color:#fff}
header .header-top .top-right #xyz .xyz12 ul li a img{position:relative;top:3px;margin-right:5px}
header .header-top .top-right #xyz .xyz12 ul li:first-child{display:block}
header .header-top .top-right #xyz .xyz12 ul .bk{z-index:888;background:#2b3aa1}
header .header-top .top-right #xyz .xyz12 .up{transform:rotate(0);transition:all .6s ease}
header .header-top .top-right #xyz .xyz12 .dp{transform:rotate(90deg);transition:all .6s ease}
header nav{position:absolute;padding:0 260px;top:50px;display:flex;width:100%;height:100px;box-sizing:border-box;justify-content:space-between;background:#fff;z-index:90;transition-property:height;transition-duration:.2s;transition-timing-function:ease}
header nav .header-logo{cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center}
header nav .header-logo img{max-width:100%;max-height:100%}
header nav .header-logo a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
header nav ul{display:flex;position:relative}
header nav ul li{display:flex;align-items:center;height:100%;margin:0 20px;cursor:pointer;-webkit-tap-highlight-color:transparent}
header nav ul li:last-child{margin-right:0}
header nav ul li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;font-size:18px;font-weight:900;color:#2b2b2b;transition:all .3s ease}
header nav ul li a:after{transition:.4s ease-in-out;content:"";background:#2b3aa1;left:50%;width:80%;height:2px;transform:translateX(-50%) rotateY(90deg);position:absolute;bottom:30px}
header nav ul li .inmenu_1{color:#2b3aa1}
header nav ul li .inmenu_1:after{transition:all .3s ease;content:"";background:#2b3aa1;width:80%;height:2px;left:50%;transform:translateX(-50%);position:absolute;bottom:30px}
header nav ul li .inmenu_1~.icon-angle-down,header nav ul li:hover>.icon-angle-down,header nav ul li:hover>a{color:#2b3aa1}
header nav ul li:hover>.icon-angle-down:after,header nav ul li:hover>a:after{transform:translateX(-50%) rotateY(0)}
header nav ul .submenu{transition:all .5s ease;display:flex;width:100vw;top:100px;height:100px;right:-260px;transform-origin:top;transform:rotateX(90deg);opacity:0;position:absolute;background:#fff;justify-content:center}
header nav ul .submenu li{position:relative;margin:0 10px;border-bottom:none}
header nav ul .submenu li a{font-size:14px}
header nav ul .submenu li a:after{content:none}
header nav ul .submenu li a:hover{color:#2b3aa1}
header nav ul .submenu li:after{content:"";position:absolute;height:15px;width:2px;right:-10px;background:#ccc}
header nav ul .submenu li:last-child:after{content:none}
header nav ul .submenu+.icon-angle-down{position:relative;transform:scale(1);font-weight:700;color:#000;margin-left:5px;top:1px}
header nav .nav-btn{display:none;position:relative;margin:auto 0;height:4.2666666667vw;width:5.0666666667vw}
header nav .nav-btn span{border-radius:2px;position:absolute;display:block;width:5.0666666667vw;height:.6666666667vw;background-color:#2b3aa1;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s}
header nav .nav-btn span:first-child{top:.1vw}
header nav .nav-btn span:nth-child(2){top:2.1333333333vw;width:4.2666666667vw}
header nav .nav-btn span:nth-child(3){top:4.2666666667vw}
header nav .toggle-animate span:first-of-type{top:1.6vw;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s}
header nav .toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s}
header nav .toggle-animate span:nth-of-type(3){top:1.6vw;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s}
header nav .mobile-search-btn{display:none}
header .min ul li a:after{bottom:15px}
main{margin-top:100px;width:100%}
main .common-pages{display:flex;justify-content:center;align-items:center;margin-bottom:50px;width:100%;height:60px}
main .common-pages span{opacity:.4}
main .common-pages a,main .common-pages span{margin:0 5px;transition:all .3s ease;box-sizing:border-box;border:1px solid #f9f9f9;padding:8px 14px;display:flex;height:30px;justify-content:center;align-items:center;color:#494949}
main .common-pages a:hover,main .common-pages span.ctxt{background:#2b3aa1;color:#fff}
main .common-pages span.ctxt{opacity:1;border:none}
main.common-container .inner-banner .pc{display:block}
main.common-container .inner-banner .sm{display:none}
footer{margin-top:30px;width:100%}
footer .top-btn{display:none;border-radius:50%;width:40px;height:40px;background:#fff;z-index:1;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease}
footer .top-btn:hover{cursor:pointer;background:#ccc}
footer .top-btn i{position:relative;transform:scale(1.4)}
footer .footer-top{margin:0 260px;height:140px;background:#2b3aa1;display:flex;align-items:center;padding:0 43px;justify-content:space-between}
footer .footer-top .contact-left{display:flex}
footer .footer-top .contact-left .contact-logo img{position:relative;top:-20px}
footer .footer-top .contact-left .contact-content{position:relative;padding-top:20px;width:600px;height:100%;margin-left:50px}
footer .footer-top .contact-left .contact-content p:first-child{line-height:58px;position:relative;top:8px;font-size:16px;font-weight:700;color:#fff}
footer .footer-top .contact-left .contact-content p:nth-child(2){font-size:26px;font-weight:700;color:#fff}
footer .footer-top .contact-left .contact-content:before{content:"";position:absolute;left:-20px;width:3px;height:34px;background:#fff;opacity:.5;top:60px}
footer .footer-top .contact-btn{width:206px;height:60px;border:2px solid #fff;justify-content:flex-end;display:flex;justify-content:center;align-items:center;transition:all .3s ease}
footer .footer-top .contact-btn a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;font-weight:700}
footer .footer-top .contact-btn:hover{background:#fff}
footer .footer-top .contact-btn:hover a{color:#2b3aa1}
footer .footer-container{overflow:hidden;height:600px;background:#1f1f1f}
footer .footer-container>ul{display:flex;height:140px;background:#161616;margin:0 260px}
footer .footer-container>ul>li{height:100%;flex:1;display:flex;justify-content:center;align-items:center}
footer .footer-container>ul>li .logo{position:relative;height:100%;width:140px;background:url(https://rogtzcarjack.com/images/m401/blue/imgs/footer-contact.png) no-repeat}
footer .footer-container>ul>li .content{padding-top:25px;height:100%;display:flex;flex-direction:column;padding-left:30px;flex:1}
footer .footer-container>ul>li .content .content-title{color:#fff;font-weight:700;line-height:50px}
footer .footer-container>ul>li .content .content-title:after{content:"";background:#fff;width:3px;height:30px}
footer .footer-container>ul>li .content .content-text{font-weight:700}
footer .footer-container>ul>li .content .content-text,footer .footer-container>ul>li .content .content-text a{color:#707070;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
footer .footer-container>ul>li.map .logo{background-position:50px 40px}
footer .footer-container>ul>li.email .logo{background-position:-70px 40px}
footer .footer-container>ul>li.tel .logo{background-position:-190px 40px}
footer .footer-container>ul>li span{height:26px;width:2px;background:#fff}
footer .footer-container .bottom-info{margin-top:50px;height:340px;display:flex;background:#1f1f1f}
footer .footer-container .bottom-info>li{height:100%;display:block;margin:0 15px}
footer .footer-container .bottom-info>li .title{color:#fff;font-size:20px;font-weight:700;line-height:70px}
footer .footer-container .bottom-info>li:last-child{margin-right:0}
footer .footer-container .bottom-info .intro{flex:1.4}
footer .footer-container .bottom-info .intro .intro-text{color:#707070;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
footer .footer-container .bottom-info .intro .contact-list{margin-top:60px;display:flex}
footer .footer-container .bottom-info .intro .contact-list li{width:32px;height:32px;background:#5c5c5c;border-radius:50%;display:flex;margin-right:10px;transition:all .5s;justify-content:center;align-items:center;box-sizing:border-box;padding:5px}
footer .footer-container .bottom-info .intro .contact-list li img{display:block}
footer .footer-container .bottom-info .intro .contact-list li:hover{background:#fff}
footer .footer-container .bottom-info .nav{flex:1}
footer .footer-container .bottom-info .nav ul li a{position:relative;color:#707070;line-height:28px;padding-left:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
footer .footer-container .bottom-info .nav ul li a:hover{color:#fff}
footer .footer-container .bottom-info .nav ul li a:after{content:">";position:absolute;top:0;left:0}
footer .footer-container .bottom-info .cate{flex:1}
footer .footer-container .bottom-info .cate ul li a{position:relative;color:#707070;line-height:28px;padding-left:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
footer .footer-container .bottom-info .cate ul li a:hover{color:#fff}
footer .footer-container .bottom-info .cate ul li a:after{content:">";position:absolute;top:0;left:0}
footer .footer-container .bottom-info .code{flex:1}
footer .footer-container .bottom-info .code img{width:135px;height:135px;min-width:135px;background:#000;opacity:.7;transition:all .5s;display:block;margin:0 auto}
footer .footer-container .bottom-info .code img:hover{opacity:1;cursor:pointer}
footer .footer-container .bottom-info .code .title{text-align:center}
footer .footer-container .bottom-info .contact-list{display:none}
footer .footer-container .right-text a{color:#707070}
footer .footer-container .right-text{color:#707070;padding:0 260px;font-size:14px}
.sm-mask,footer .mobile-bottom{display:none}
.sm-mask{position:fixed;width:100%;bottom:0;height:100%;background:rgba(0,0,0,.6);z-index:9;top:13.3333333333vw}
#toast-container{padding-top:250px}
.singglepic{z-index:9!important;width:450px!important;height:450px!important;margin-bottom:40px!important;border-color:#eee!important;display:flex;justify-content:center;align-items:center}
.home-container{width:100%}
.home-container .swiper-container .swiper-slide{width:100%;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;overflow:hidden}
.home-container .swiper-container .swiper-slide img{transform:translateZ(0)}
.home-container .swiper-container .swiper-button-next:after,.home-container .swiper-container .swiper-button-prev:after{content:""}
.home-container .swiper-container .swiper-button-next i,.home-container .swiper-container .swiper-button-prev i{transform:scale(3);color:#2b3aa1}
.home-container .swiper-container .swiper-pagination-bullet{background:#fff}
.home-container .swiper-container .swiper-pagination-bullet-active{background:#2b3aa1}
.home-container .part-title{position:relative}
.home-container .part-title h3{text-align:center;font-family:Open Sans;font-size:52px;font-weight:700;color:#1a1a1a}
.home-container .part-title h3 em{color:#2b3aa1;font-style:normal;font-family:Open Sans}
.home-container .part-title p{text-align:center;color:#202020;font-weight:700;line-height:24px}
.home-container .part-title:after{color:#dedede;font-weight:700;font-size:210px;font-family:Open Sans;position:absolute;top:-120%;left:50%;transform:translateX(-50%);z-index:-99}
.home-container .welcome-info{margin-top:100px}
.home-container .welcome-info .part-title:after{content:"01"}
.home-container .welcome-info .part-item{margin:80px 260px 0}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide{display:flex}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item{position:relative;border:1px solid #eaeaea;flex:1;margin-right:50px;transition:all .5s}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:last-child{margin-right:0}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:auto;background:#2b3aa1}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img{position:absolute;transition:all .5s ease;width:100%;height:100%;display:block}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a{transition:all .5s ease;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0;display:flex;font-size:24px;transform:translate3d(0,20px,0);opacity:0;color:#fff;z-index:666}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img:after{content:"";display:block;padding-top:100%}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item p{color:#2b2b2b;font-family:Open Sans}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{margin:20px 10px 0;font-size:18px;line-height:24px;padding-right:5px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{margin:10px;font-size:14px;line-height:18px;color:#444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(0,0,0,.3)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title{color:#2b3aa1}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img{opacity:.4}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a{transform:translateZ(0);opacity:1}
.home-container .welcome-info .part-item .swiper-part-pagination{margin:50px 0;display:flex;justify-content:center}
.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet{background:#000}
.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet-active{background:#2b3aa1}
.home-container .about-info{overflow:hidden;width:100%;display:flex}
.home-container .about-info div{width:50%}
.home-container .about-info .about-img img{width:100%;display:block}
.home-container .about-info .about-content{padding:20px 0;background:#2b3aa1;display:flex;flex-direction:column;justify-content:space-evenly}
.home-container .about-info .about-content .content-title{padding-left:80px;font-size:40px;font-weight:700;color:#fff}
.home-container .about-info .about-content article{padding-left:80px;padding-right:200px}
.home-container .about-info .about-content article p{font-size:22px;color:#fff;line-height:36px;font-family:open Sans;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.home-container .about-info .about-content .about-btn{width:200px;height:60px;border:2px solid #fff;font-size:22px;display:flex;justify-content:center;align-items:center;font-family:Open Sans;margin-left:80px;transition:all .5s ease}
.home-container .about-info .about-content .about-btn:hover{background:#fff;border:2px solid #2b3aa1;cursor:pointer}
.home-container .about-info .about-content .about-btn:hover a{color:#2b3aa1}
.home-container .about-info .about-content .about-btn a{color:#fff}
.home-container .hot-product{margin-top:130px}
.home-container .hot-product .part-title:after{content:"03"}
.home-container .hot-product ul{margin:80px 260px;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-container .hot-product ul li{width:30%;height:30%;margin-bottom:50px}
.home-container .hot-product ul li .pro-img{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid #eee}
.home-container .hot-product ul li .pro-img img{display:block;width:100%;height:100%;border:none;transition:all .5s}
.home-container .hot-product ul li .pro-img:after{display:block;content:"";padding-top:100%}
.home-container .hot-product ul li .pro-name{color:#2b2b2b;font-size:22px;text-align:center;line-height:70px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.home-container .hot-product ul li .pro-btn{width:120px;height:33px;margin:0 auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center;border:1px solid #4e4d4d;border-radius:16.5px;transition:all .5s}
.home-container .hot-product ul li .pro-btn a{color:#2b2b2b;font-weight:700}
.home-container .hot-product ul li:hover .pro-img img{transform:scale(1.1)}
.home-container .hot-product ul li:hover .pro-name{color:#2b3aa1}
.home-container .hot-product ul li:hover .pro-btn{border:1px solid #fff;background:#2b3aa1}
.home-container .hot-product ul li:hover .pro-btn a{color:#fff}
.home-container .lastest-news{width:100%}
.home-container .lastest-news ul{width:100%;display:flex;flex-wrap:wrap}
.home-container .lastest-news ul li{width:50%}
.home-container .lastest-news ul li a object{display:flex}
.home-container .lastest-news ul li div{flex:1}
.home-container .lastest-news ul li .news-img img{width:100%;display:block}
.home-container .lastest-news ul li .news-content{position:relative;background:#f6f6f6;display:flex;flex-direction:column;justify-content:space-evenly}
.home-container .lastest-news ul li .news-content .news-title{margin:0 80px;color:#2b2b2b;font-size:22px;font-family:Open Sans;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-container .lastest-news ul li .news-content .news-date{margin:0 80px;color:#666;font-weight:700}
.home-container .lastest-news ul li .news-content article{margin:0 80px;color:#444;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home-container .lastest-news ul li .news-content .more-link{margin:0 80px;color:#2b2b2b;font-weight:700;line-height:24px;font-size:18px}
.home-container .lastest-news ul li .news-content .more-link i{color:#2b2b2b;position:relative;top:1px;transform:scale(1.7)}
.home-container .lastest-news ul li .news-content:before{content:"";position:absolute;bottom:0;transition:opacity .7s ease 0s,transform .7s ease 0s;width:94%;height:92%;top:4%;left:3%;opacity:0;border-top:2px solid #2b3aa1;border-bottom:2px solid #2b3aa1;transform:scaleX(0);-webkit-transform:scaleX(0);box-sizing:border-box}
.home-container .lastest-news ul li .news-content:after{transition:opacity .5s ease 0s,transform .5s ease 0s;content:"";border-left:2px solid #2b3aa1;border-right:2px solid #2b3aa1;transform:scaleY(0);-webkit-transform:scaleY(0);opacity:0;position:absolute;width:94%;height:92%;top:4%;left:3%;box-sizing:border-box}
.home-container .lastest-news ul li:hover .news-content .more-link a,.home-container .lastest-news ul li:hover .news-content .more-link i,.home-container .lastest-news ul li:hover .news-content .news-title a{color:#2b3aa1}
.home-container .lastest-news ul li:hover .news-content:after,.home-container .lastest-news ul li:hover .news-content:before{opacity:1;transform:scale(1)}
.home-container .lastest-news ul li:nth-child(3) a object,.home-container .lastest-news ul li:nth-child(4) a object{flex-direction:row-reverse}
.home-container .partners{margin:140px 260px 150px}
.home-container .partners .part-title:after{content:"05"}
.home-container .partners ul{width:100%;margin-top:130px;display:flex;flex-wrap:wrap}
.home-container .partners ul li{max-width:16%;min-width:16%;height:0;padding-bottom:13%;flex:1;border-top:1px solid #eee;border-left:1px solid #eee;transition:all .5s}
.home-container .partners ul li img{transition:all .3s ease}
.home-container .partners ul li:nth-of-type(6n){border-right:1px solid #eee}
.home-container .partners ul li:nth-of-type(n+7){border-bottom:1px solid #eee}
.home-container .partners ul li:nth-of-type(n+7):hover{border-bottom:1px solid #2b3aa1}
.home-container .partners ul li:hover{border-top:1px solid #2b3aa1;border-left:1px solid #2b3aa1}
.home-container .partners ul li:hover img{transform:scale(1.1)}
.home-container .partners ul li:hover+li{border-left:1px solid #2b3aa1}
.home-container .partners ul li:hover+li+li+li+li+li+li{border-top:1px solid #2b3aa1}
.home-container .partners ul li:nth-of-type(6n):hover{border-right:1px solid #2b3aa1}
.common-container .inner-banner{min-height:50px;background:#f1f1f1;width:100%}
.common-container .inner-banner img{width:100%;display:block}
.common-container .breadcrumbs-nav{position:relative;height:78px;padding:0 260px;border-bottom:1px solid #ececec;color:#989898}
.common-container .breadcrumbs-nav a,.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h2{color:#989898;line-height:78px;margin:0 10px}
.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h2{display:inline;font-size:16px;color:#2b2b2b}
.common-container .breadcrumbs-nav h1 a,.common-container .breadcrumbs-nav h2 a{color:#2b2b2b}
.abouts-content{padding:0 260px 50px}
.abouts-content .abouts-title{margin-top:40px;font-size:28px;font-weight:700;color:#2b2b2b;text-transform:uppercase;padding:10px 0;border-bottom:1px solid #d5d5d5;margin-bottom:20px}
.abouts-content article div{margin-bottom:30px}
.abouts-content article .content,.abouts-content article .title,.abouts-content article p{color:#2b2b2b;line-height:28px}
.abouts-content article .title{font-size:16px;font-weight:700}
.abouts-content article .content{width:1000px}
.abouts-content article .imgs-list{margin-top:30px;display:flex;justify-content:space-between}
.abouts-content article .imgs-list li{margin-right:10px}
.abouts-content article .imgs-list li:last-child{margin:0}
.abouts-content article .imgs-list li img{display:block}
.products-content{position:relative;width:100%;padding-top:0}
.products-content .type-box{margin:0 260px 50px}
.products-content .type-box h1{padding-left:10px;color:#2b2b2b;border-left:5px solid #2b3aa1;border-bottom:1px solid #eee;display:none}
.products-content .pro-list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;margin-top:50px;padding:0 260px}
.products-content .pro-list li{transition:all .4s ease}
.products-content .pro-list .list-1{box-sizing:border-box;flex:1;width:23%;min-width:23%;max-width:23%;border:2px solid #eee;margin-right:20px;margin-bottom:40px}
.products-content .pro-list .list-1:nth-of-type(4n){margin-right:0}
.products-content .pro-list .list-1 .pro-img{position:relative;width:100%;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-img a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-img img{position:absolute;max-width:100%;max-height:100%;display:block}
.products-content .pro-list .list-1 .pro-img:after{display:block;content:"";padding-top:100%}
.products-content .pro-list .list-1 .pro-name{padding:10px 20px 0;min-height:50px;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-name a{text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4c4c4c;font-size:18px;font-weight:700;line-height:24px}
.products-content .pro-list .list-1 article{padding:0 20px;margin-top:10px}
.products-content .pro-list .list-1 article a{color:#4c4c4c;line-height:18px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.products-content .pro-list .list-1>span{display:block;margin:20px;height:1px;background:#eee}
.products-content .pro-list .list-1 .more-btn{display:block;margin:30px 20px;height:37px;background:#2b3aa1;color:#fff;line-height:37px;text-align:center}
.products-content .pro-list .list-1:hover{box-shadow:0 5px 5px rgba(0,0,0,.1);transform:translateY(-3px)}
.products-content .pro-list .list-2{width:100%;height:280px;display:flex;margin-bottom:30px}
.products-content .pro-list .list-2 .pro-img{width:280px;height:280px;display:flex;justify-content:center;align-items:center;border:1px solid #e5e5e5}
.products-content .pro-list .list-2 .pro-img img{display:block;width:100%}
.products-content .pro-list .list-2 .pro-info{padding:40px 100px;flex:1;background:#f6f6f6}
.products-content .pro-list .list-2 .pro-info .pro-name a{font-size:24px;font-weight:700;color:#4c4c4c;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.products-content .pro-list .list-2 .pro-info article{margin-top:35px}
.products-content .pro-list .list-2 .pro-info article a{font-size:16px;color:#707070;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.products-content .pro-list .list-2 .pro-info .more-btn{margin-top:35px;width:200px;height:42px;display:block;display:flex;justify-content:center;align-items:center;border:1px solid #2b3aa1;color:#2b3aa1;font-size:18px;font-weight:700;transition:all .3s ease}
.products-content .pro-list .list-2 .pro-info .more-btn i{position:relative;top:1.2px;margin-left:5px;transform:scale(1.1)}
.products-content .pro-list .list-2:hover{cursor:pointer;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transform:translateY(5px)}
.products-content .pro-list .list-2:hover .pro-info .more-btn{background:#2b3aa1;color:#fff}
.products-content .pro-list .list-2:hover .pro-info .more-btn i{color:#fff}
.products-content .pro-list .list-2 .compare-action{position:relative;margin:20px 0;width:200px;height:42px}
.products-content .pro-list .list-2 .compare-action .compare-action-check+label{border-color:#1867d4}
.products-content .pro-list .list-1.pro-checked{border:2px solid #2b3aa1}
.products-content .pro-list:after{content:"";width:23%}
.products-content .seo-key{margin:0 260px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;padding:10px;line-height:1.7em;color:#2b2b2b}
.products-content .seo-key .keywords{margin-top:10px}
.products-content .seo-key .keywords a{padding:10px;background:#f1f1f1;line-height:2em;border-radius:999px;margin-right:20px;color:#2b2b2b}
.pro-filter{position:absolute;top:19px;right:260px;height:40px;background:#2b3aa1;display:flex;justify-content:space-between;align-items:center;padding:0 40px 0 10px}
.pro-filter>a{color:#fff!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.pro-filter i{top:10px;right:20px;position:absolute;transform:scale(1.5);color:#fff}
.pro-filter i:hover,.pro-filter:hover{cursor:pointer}
.filter-box{overflow-y:auto;width:100%;position:absolute;padding:0 260px;max-height:300px;min-height:100px;background:#f8f8f8;transition:all .4s ease;top:-69px;z-index:20;box-shadow:0 7px 10px -7px rgba(0,0,0,.6);transform-origin:top;transform:rotateX(90deg);opacity:0}
.filter-box::-webkit-scrollbar{width:3px}
.filter-box::-webkit-scrollbar-thumb,.filter-box::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(0,0,0,.1)}
.filter-box::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.filter-box .pro-type-list{padding:15px 0}
.filter-box .pro-type-list>ul{width:100%;display:flex;flex-wrap:wrap}
.filter-box .pro-type-list>ul a{transition:all .4s ease}
.filter-box .pro-type-list>ul a:hover{color:#2b3aa1}
.filter-box .pro-type-list>ul .LiLevel1{width:25%;margin-bottom:20px}
.filter-box .pro-type-list>ul .LiLevel1 li:last-child{margin-bottom:0}
.filter-box .pro-type-list>ul .LiLevel1 li a{width:100%;height:100%;line-height:40px}
.filter-box .pro-type-list>ul .LiLevel1 li a,.filter-box .pro-type-list>ul .LiLevel1>a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center}
.filter-box .pro-type-list>ul .LiLevel1>a{font-size:18px;height:35px;line-height:35px;background:#fff;width:70%;border-top:2px solid #2b3aa1}
.filter-box .pro-type-list>ul .LiLevel1 .sub-menu{margin:10px 0 0;display:flex;flex-wrap:wrap;flex-direction:column}
.filter-box .pro-type-list>ul .LiLevel2{width:70%;height:35px;background-color:#fff;margin-bottom:10px}
.filter-box .pro-type-list>ul .LiLevel2 a{font-size:13px}
.filter-box .pro-type-list>ul .LiLevel2 .sub-menu{display:none}
.filter-box .pro-type-list .prosubmenu{width:100%}
.filter-box .pro-type-list .prosubmenu>ul{width:100%;display:flex;flex-wrap:wrap}
.filter-box .pro-type-list .prosubmenu>ul a{transition:all .4s ease}
.filter-box .pro-type-list .prosubmenu>ul a:hover{color:#2b3aa1}
.filter-box .pro-type-list .prosubmenu>ul>li{width:25%;margin-bottom:10px}
.filter-box .pro-type-list .prosubmenu>ul>li>a{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:35px;line-height:35px;background:#fff;text-align:center;width:70%;border-top:2px solid #2b3aa1}
.filter-box .scrollTip{height:35px;width:35px;box-sizing:border-box;position:absolute;right:260px;bottom:40px;animation:down 1.5s infinite;border-radius:50%;background:rgba(0,0,0,.3);-webkit-animation:down 1.5s infinite;display:flex;justify-content:center;align-items:center}
.filter-box .scrollTip i{position:relative;top:1px;transform:scale(2);color:#fff}
@keyframes down{
0%{transform:translate(0)}
20%{transform:translateY(15px)}
40%{transform:translate(0)}
}
@-webkit-keyframes down{
0%{transform:translate(0)}
20%{transform:translateY(15px)}
40%{transform:translate(0)}
}
.common-container .news-content{margin:0 260px}
.common-container .news-content .news-list{margin:50px 0 30px;width:100%;display:flex;flex-wrap:wrap}
.common-container .news-content .news-list .list-1{width:100%;height:195px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;background:#f8f8f8;margin-bottom:20px;transition:all .3s ease}
.common-container .news-content .news-list .list-1:hover{cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
.common-container .news-content .news-list .list-1:hover .news-info .more-btn,.common-container .news-content .news-list .list-1:hover .news-info .news-title a{color:#2b3aa1}
.common-container .news-content .news-list .list-1 .news-img{width:200px;max-width:200px;min-width:200px;height:150px;display:flex;justify-content:center;align-items:center}
.common-container .news-content .news-list .list-1 .news-img img{width:100%}
.common-container .news-content .news-list .list-1 .news-info .news-date{color:#707070;line-height:24px;font-weight:700}
.common-container .news-content .news-list .list-1 .news-info .news-title{margin-top:10px}
.common-container .news-content .news-list .list-1 .news-info .news-title a{color:#4c4c4c;font-weight:700;font-size:20px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-1 .news-info .news-text{margin:10px 0}
.common-container .news-content .news-list .list-1 .news-info .news-text a{color:#707070;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-1 .news-info .more-btn{position:relative;display:block;color:#4c4c4c;font-weight:700}
.common-container .news-content .news-list .list-1 .news-info .more-btn i{position:absolute;top:1px;left:80px;transform:scale(1)}
.common-container .news-content .news-list .list-2{margin-right:25px;width:23%;border:2px solid #eee;box-sizing:border-box;margin-bottom:50px;transition:all .4s ease}
.common-container .news-content .news-list .list-2:nth-of-type(4n){margin-right:0}
.common-container .news-content .news-list .list-2 .news-img{width:100%}
.common-container .news-content .news-list .list-2 .news-img img{width:100%;max-width:100%;max-height:100%;transition:all .4s ease}
.common-container .news-content .news-list .list-2 .news-info{padding:8px}
.common-container .news-content .news-list .list-2 .news-info .news-date{color:#707070;line-height:24px;font-weight:700}
.common-container .news-content .news-list .list-2 .news-info .news-title{margin-top:10px}
.common-container .news-content .news-list .list-2 .news-info .news-title a{color:#4c4c4c;font-weight:700;font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-2 .news-info .news-text{margin:10px 0}
.common-container .news-content .news-list .list-2 .news-info .news-text a{color:#707070;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-2:hover{border-color:#2b3aa1;box-shadow:0 0 5px 1px rgba(0,0,0,.3);transform:translateY(-3px)}
.common-container .news-content .news-list .list-2:hover .news-info .news-title a{color:#2b3aa1}
.common-container .news-content .common-pages{margin-bottom:80px}
.knowledges-content{margin:0 260px}
.knowledges-content .knowledges-list{margin:50px 0 30px;width:100%;display:flex;flex-wrap:wrap}
.knowledges-content .knowledges-list .list-1{width:100%;height:195px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;background:#f8f8f8;margin-bottom:20px;transition:all .3s ease}
.knowledges-content .knowledges-list .list-1:hover{cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
.knowledges-content .knowledges-list .list-1:hover .knowledges-info .knowledges-title a,.knowledges-content .knowledges-list .list-1:hover .knowledges-info .more-btn{color:#2b3aa1}
.knowledges-content .knowledges-list .list-1 .knowledges-img{width:200px;max-width:200px;min-width:200px;height:150px;display:flex;justify-content:center;align-items:center}
.knowledges-content .knowledges-list .list-1 .knowledges-img img{width:100%}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date{color:#707070;line-height:24px;font-weight:700}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title{margin-top:10px}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a{color:#4c4c4c;font-weight:700;font-size:20px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text{margin:10px 0}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a{color:#707070;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn{position:relative;display:block;color:#4c4c4c;font-weight:700}
.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i{position:absolute;top:1px;left:80px;transform:scale(1)}
.knowledges-content .knowledges-list .list-2{margin-right:25px;width:23%;border:2px solid #eee;box-sizing:border-box;margin-bottom:50px;transition:all .4s ease}
.knowledges-content .knowledges-list .list-2:nth-of-type(4n){margin-right:0}
.knowledges-content .knowledges-list .list-2 .knowledges-img{width:100%}
.knowledges-content .knowledges-list .list-2 .knowledges-img img{width:100%;max-width:100%;max-height:100%;transition:all .4s ease}
.knowledges-content .knowledges-list .list-2 .knowledges-info{padding:8px}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date{color:#707070;line-height:24px;font-weight:700}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title{margin-top:10px}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a{color:#4c4c4c;font-weight:700;font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text{margin:10px 0}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a{color:#707070;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-2:hover{border-color:#2b3aa1;box-shadow:0 0 5px 1px rgba(0,0,0,.3);transform:translateY(-3px)}
.knowledges-content .knowledges-list .list-2:hover .knowledges-info .knowledges-title a{color:#2b3aa1}
.knowledges-content .common-pages{margin-bottom:80px}
.news-detail-content{margin:50px 0 120px;width:100%;padding:0 260px}
.news-detail-content .news-title{padding:0 160px;text-align:center;color:#4c4c4c;font-size:30px;line-height:48px;font-weight:700}
.news-detail-content .news-date{margin:0;color:#707070;font-weight:700;text-align:center}
.news-detail-content .news-views{color:#707070;margin-left:20px;width:120px;text-align:center}
.news-detail-content .news-info{display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.news-detail-content article p{margin-top:30px;line-height:28px;color:#4c4c4c}
.news-detail-content article p:first-of-type{margin-top:0}
.news-detail-content span.line{margin:50px 0;display:block;width:100%;height:1px;background:#ececec}
.news-detail-content .pages-list a,.news-detail-content .pages-list div,.news-detail-content .pages-list span{color:#4c4c4c;font-size:18px;line-height:28px}
.news-detail-content .pages-list span{color:#2b3aa1}
.news-detail-content .pages-list div{margin-top:20px}
.news-detail-content .pages-list a:hover{text-decoration:underline;color:#2b3aa1}
.knowledges-detail-content{margin:60px 0 120px;width:100%;padding:0 260px}
.knowledges-detail-content .knowledges-title{padding:0 160px;text-align:center;color:#4c4c4c;font-size:30px;line-height:48px;font-weight:700}
.knowledges-detail-content .knowledges-date{color:#707070;font-weight:700;text-align:center}
.knowledges-detail-content .knowledges-views{color:#707070;margin-left:20px;width:120px;text-align:center}
.knowledges-detail-content .knowledges-info{display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.knowledges-detail-content article p{margin-top:30px;line-height:28px;color:#4c4c4c}
.knowledges-detail-content article p:first-of-type{margin-top:0}
.knowledges-detail-content span.line{margin:50px 0;display:block;width:100%;height:1px;background:#ececec}
.knowledges-detail-content .pages-list a,.knowledges-detail-content .pages-list div,.knowledges-detail-content .pages-list span{color:#4c4c4c;font-size:18px;line-height:28px}
.knowledges-detail-content .pages-list span{color:#2b3aa1}
.knowledges-detail-content .pages-list div{margin-top:20px}
.knowledges-detail-content .pages-list a:hover{text-decoration:underline;color:#2b3aa1}
.pro-detail-content{position:relative}
.pro-detail-content .pro-review{margin:50px 260px 30px;display:flex}
.pro-detail-content .pro-review .pro-preview-left{min-width:428px;height:600px;box-sizing:border-box}
.pro-detail-content .pro-review .pro-preview-right{padding:30px 100px 0;margin-bottom:30px;flex:1}
.pro-detail-content .pro-review .pro-preview-right .pro-name{font-size:30px;font-family:Lato;font-weight:700;color:#2b2b2b;}
.pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views{font-size:24px;font-family:Arial;color:#2b3aa1;line-height:24px;margin:20px 0}
.pro-detail-content .pro-review .pro-preview-right article{font-size:16px;color:#2b2b2b;line-height:24px;margin-right:100px}
.pro-detail-content .pro-review .pro-preview-right .btn-list{margin-top:10px;display:flex;flex-wrap:wrap}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2{height:46px;width:300px;border:1px solid #2b3aa1;display:flex;justify-content:center;align-items:center;margin:20px 20px 0 0;cursor:pointer}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn a,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span{font-size:18px;color:#2b3aa1}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn:hover span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2:hover span{color:#fff}
.pro-detail-content .pro-detail-title{line-height:64px;padding:0 260px;height:64px;width:100%;background:#f8f8f8;font-size:20px;color:#2b2b2b;font-weight:700}
.pro-detail-content .pro-intro{margin:30px 260px 0}
.pro-detail-content .pro-intro .intro-title{font-size:20px;font-weight:700;color:#2b3aa1;line-height:50px}
.pro-detail-content .pro-intro article{font-size:16px;color:#2b2b2b;line-height:24px;padding:30px 400px 30px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.pro-detail-content .pro-spec{margin:30px 260px 0}
.pro-detail-content .pro-spec .spec-title{font-size:20px;font-weight:700;color:#2b3aa1;line-height:50px}
.pro-detail-content .pro-spec .spec-content{padding:30px 400px 30px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.pro-detail-content .pro-spec .spec-content table tr td{height:50px;width:480px}
.pro-detail-content .productsTags{margin:30px 260px 0}
.pro-detail-content .pro-bottom-tip{margin:0 260px;font-size:16px;color:#2b2b2b;padding:40px 0}
.pro-detail-content .pro-page-switch{width:100%;background:#f8f8f8;height:50px;padding:0 260px;display:flex;justify-content:space-between;margin:50px 0}
.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev{font-size:18px;font-weight:700;color:#2b2b2b;line-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.pro-detail-content .pro-page-switch .page-prev{display:flex}
.pro-detail-content .pro-page-switch .page-prev i{margin-right:10px}
.pro-detail-content .pro-page-switch .page-prev .page-btn{margin-right:30px}
.pro-detail-content .pro-page-switch .page-next{display:flex;flex-direction:row-reverse}
.pro-detail-content .pro-page-switch .page-next i{margin-left:10px}
.pro-detail-content .pro-page-switch .page-next .page-btn{margin-left:30px}
.pro-detail-content .pro-page-switch .page-btn{width:240px;height:100%;background:#2b3aa1;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;line-height:50px}
.pro-detail-content .pro-page-switch a{font-size:18px;font-weight:700;color:#2b2b2b;line-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.pro-detail-content .random-pro-list{margin:0 260px}
.pro-detail-content .random-pro-list .random-title{font-size:30px;font-weight:700;color:#2b2b2b}
.pro-detail-content .random-pro-list ul{margin-top:30px;display:flex;justify-content:space-between}
.pro-detail-content .random-pro-list ul li{flex:1;max-width:15%;min-width:15%}
.pro-detail-content .random-pro-list ul li .pro-img{width:100%;border:1px solid #eee;display:flex;justify-content:center;align-items:center;overflow:hidden}
.pro-detail-content .random-pro-list ul li .pro-img img{width:100%;transition:all .3s ease}
.pro-detail-content .random-pro-list ul li .pro-img:after{display:block;content:"";padding-top:100%}
.pro-detail-content .random-pro-list ul li .pro-name{text-align:center;font-family:Open Sans;font-weight:700;color:#2b2b2b;min-height:40px;margin:20px 0}
.pro-detail-content .random-pro-list ul li .more-btn{margin:0 auto;display:block;width:100px;height:33px;border:1px solid #000;border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;color:#2b2b2b;transition:all .3s ease}
.pro-detail-content .random-pro-list ul li:hover .more-btn{background:#2b3aa1;color:#fff;border:1px solid #2b3aa1}
.pro-detail-content .random-pro-list ul li:hover .pro-img img{transform:scale(1.2)}
.pro-detail-content .send-inquiry{margin-top:90px}
.pro-detail-content .send-inquiry .inquiry-title{height:64px;width:100%;background:#f8f8f8;margin:40px 0;font-size:30px;font-weight:700;color:#2b2b2b;text-align:center;line-height:64px}
.pro-detail-content .send-inquiry .inquiry-form{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 260px}
.pro-detail-content .share-btn-list{margin-top:30px}
.swiper-pagination-bullet-active{background:#2b3aa1!important}
.common-container .contact-wrapper{margin:50px 0;display:flex}
.common-container .contact-wrapper .contact-left{padding:52px 60px;width:440px;background:#f8f8f8}
.common-container .contact-wrapper .contact-left .title{font-size:30px;font-weight:700;color:#4c4c4c}
.common-container .contact-wrapper .contact-left ul{margin-top:30px}
.common-container .contact-wrapper .contact-left ul li{margin:16px 0;color:#4c4c4c;line-height:24px}
.common-container .contact-wrapper .contact-left ul li .contact-way{font-size:18px;font-weight:700}
.common-container .contact-wrapper .contact-left ul li .contact-info{font-size:16px}
.common-container .contact-wrapper .contact-left ul li .contact-num{font-size:20px;margin-top:10px}
.common-container .contact-wrapper .contact-main{margin-left:20px;flex:1}
.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin-left:30px}
.common-container .video-content{margin:0 260px}
.common-container .video-content .video-list{margin:50px 0;width:100%}
.common-container .video-content .video-list li{height:195px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;background:#f8f8f8;margin-bottom:20px;transition:all .3s ease}
.common-container .video-content .video-list li:hover{cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
.common-container .video-content .video-list li:hover .video-info .more-btn,.common-container .video-content .video-list li:hover .video-info .video-title a{color:#2b3aa1}
.common-container .video-content .video-list li .video-img{width:200px;height:150px}
.common-container .video-content .video-list li .video-img img{width:100%}
.common-container .video-content .video-list li .video-info .video-date{color:#707070;line-height:24px;font-weight:700}
.common-container .video-content .video-list li .video-info .video-title{margin-top:10px}
.common-container .video-content .video-list li .video-info .video-title a{color:#4c4c4c;font-weight:700;font-size:20px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.common-container .video-content .video-list li .video-info .video-text{margin:10px 0}
.common-container .video-content .video-list li .video-info .video-text a{color:#707070;font-size:16px;line-height:24px}
.common-container .video-content .video-list li .video-info .more-btn{position:relative;display:block;color:#4c4c4c;font-weight:700}
.common-container .video-content .video-list li .video-info .more-btn i{position:absolute;top:1px;left:80px;transform:scale(1)}
.common-container .video-content .video-list-2{display:flex;flex-wrap:wrap;margin:50px 0;width:100%}
.common-container .video-content .video-list-2 li{margin-right:36px;width:23%;border:2px solid #eee;box-sizing:border-box;margin-bottom:50px;transition:all .4s ease}
.common-container .video-content .video-list-2 li:nth-of-type(4n){margin-right:0}
.common-container .video-content .video-list-2 li .video-img{width:100%}
.common-container .video-content .video-list-2 li .video-img img{width:100%;max-width:100%;max-height:100%;transition:all .4s ease}
.common-container .video-content .video-list-2 li .video-info{padding:8px}
.common-container .video-content .video-list-2 li .video-info .video-date{color:#707070;line-height:24px;font-weight:700}
.common-container .video-content .video-list-2 li .video-info .video-title{margin-top:10px}
.common-container .video-content .video-list-2 li .video-info .video-title a{color:#4c4c4c;font-weight:700;font-size:20px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .video-content .video-list-2 li .video-info .video-text{margin:10px 0}
.common-container .video-content .video-list-2 li .video-info .video-text a{color:#707070;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.common-container .video-content .video-list-2 li:hover{border-color:#2b3aa1;box-shadow:0 0 5px 1px rgba(0,0,0,.3);transform:translateY(-3px)}
.common-container .video-content .video-list-2 li:hover .video-info .video-title a{color:#2b3aa1}
.common-container .video-content .common-pages{margin-bottom:80px}
.common-container .feedback-content{margin:50px 0;padding:0 260px;display:flex}
.common-container .feedback-content .feedback-main{margin-left:20px;flex:1}
.common-container .feedback-content .feedback-main .feedback-tips{margin-bottom:50px}
.common-container .feedback-content .feedback-main .feedback-tips p{line-height:30px}
.common-container .feedback-content .feedback-main .feedback-tips p a{color:#2b3aa1}
.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}
@media(min-width:1441px)and (max-width:1680px){
.home-container .about-info .about-content .content-title{font-size:30px}
.home-container .about-info .about-content article{padding-right:100px}
.home-container .about-info .about-content article p{font-size:18px}
.home-container .about-info .about-content .about-btn{width:140px;height:40px;font-size:18px}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title,.home-container .lastest-news ul li .news-content article{margin:0 50px}
}
@media(min-width:1281px)and (max-width:1440px){
.home-container .about-info .about-content .content-title{font-size:26px}
.home-container .about-info .about-content article{padding-right:100px}
.home-container .about-info .about-content article p{font-size:14px}
.home-container .about-info .about-content .about-btn{width:120px;height:30px;font-size:14px}
.home-container .lastest-news ul li .news-content .news-title{margin:0 40px;font-size:20px}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article{margin:0 40px}
}
@media(min-width:1281px)and (max-width:1520px){
.home-container .welcome-info .part-item{margin:80px 100px 0}
.home-container .hot-product ul{margin:80px 100px}
.home-container .partners{margin:140px 100px 150px}
}
@media(max-width:1440px){
.home-container .part-title p:first-child{font-size:40px}
.home-container .part-title:after{font-size:170px}
.home-container .about-info .about-content .content-title{padding-left:20px;font-size:18px}
.home-container .about-info .about-content article{padding:0 20px}
.home-container .about-info .about-content article p{font-size:15px;line-height:28px}
.home-container .about-info .about-content .about-btn{width:120px;height:30px;font-size:14px;margin-left:20px}
}
@media(min-width:1081px)and (max-width:1280px){
.home-container .welcome-info .part-item{margin:80px 50px 0}
.home-container .hot-product ul{margin:80px 50px}
.home-container .lastest-news ul li .news-content .news-title{margin:0 30px;font-size:16px}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article{margin:0 30px}
.home-container .partners{margin:140px 50px 150px}
}
@media(min-width:769px)and (max-width:1081px){
.home-container .welcome-info .part-item{margin:80px 15px 0 25px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item{margin-right:25px}
.home-container .about-info .about-content article{padding:0 20px}
.home-container .about-info .about-content article p{font-size:13px;line-height:28px}
.home-container .hot-product ul{margin:80px 25px}
.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title{margin:0 20px;font-size:14px}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content article{margin:0 20px;font-size:12px}
.home-container .lastest-news ul li .news-content:before{border-top:2px solid #2b3aa1;border-bottom:2px solid #2b3aa1}
.home-container .lastest-news ul li .news-content:after{border-left:2px solid #2b3aa1;border-right:2px solid #2b3aa1}
.home-container .lastest-news ul li .news-content:after,.home-container .lastest-news ul li .news-content:before{width:96%;height:94%;top:3%;left:2%}
.home-container .partners{margin:140px 25px 150px}
}
@media screen and (max-width:768px){
.home-container #swiper-banner .swiper-button-next,.home-container #swiper-banner .swiper-button-prev{display:none}
.home-container .part-title h3{font-size:4.8vw}
.home-container .part-title p{line-height:24px;font-size:3.4666666667vw}
.home-container .part-title:after{font-size:19.2vw;top:-6.6666666667vw}
.home-container .welcome-info{margin-top:13.3333333333vw}
.home-container .welcome-info .part-item{margin:10.6666666667vw 6.6666666667vw 0}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide{max-width:44vw}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{margin:2.6666666667vw 1.3333333333vw 0;font-size:3.4666666667vw;line-height:120%;padding-right:.5333333333vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:9.3333333333vw}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{margin:1.3333333333vw;font-size:3.2vw;line-height:14px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img{min-height:41vw;background:#fff}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover{transform:translateY(0);box-shadow:none}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title{color:#2b3aa1}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img{opacity:.4}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a{transform:translateZ(0);opacity:1}
.home-container .welcome-info .part-item .swiper-part-pagination{margin:4vw 0}
.home-container .about-info{position:relative}
.home-container .about-info .about-img{width:100%;background:#2b3aa1}
.home-container .about-info .about-img img{opacity:.1}
.home-container .about-info .about-content{padding:2.6666666667vw 0;width:100%;height:100%;position:absolute;top:0;left:0;background:0 0}
.home-container .about-info .about-content .content-title{padding-left:5.3333333333vw;font-size:4.8vw;font-weight:700;color:#fff}
.home-container .about-info .about-content article{padding-left:5.3333333333vw;padding-right:4vw}
.home-container .about-info .about-content article p{font-size:4vw;line-height:150%}
.home-container .about-info .about-content article p:nth-child(2){display:none}
.home-container .about-info .about-content .about-btn{width:26.6666666667vw;height:10.6666666667vw;border:1px solid #fff;font-size:4vw;font-family:Open Sans;margin-left:5.3333333333vw;transition:all .5s ease}
.home-container .about-info .about-content .about-btn:hover{background:#fff;border:2px solid #2b3aa1;cursor:pointer}
.home-container .about-info .about-content .about-btn:hover a{color:#2b3aa1}
.home-container .about-info .about-content .about-btn a{color:#fff}
.home-container .hot-product{margin-top:13.3333333333vw}
.home-container .hot-product ul{margin:13.3333333333vw 6.6666666667vw}
.home-container .hot-product ul li{width:48%;margin-bottom:6.6666666667vw;margin-right:1.8666666667vw}
.home-container .hot-product ul li:nth-of-type(2n){margin-right:0}
.home-container .hot-product ul li .pro-img{min-height:40vw}
.home-container .hot-product ul li .pro-name{font-size:3.4666666667vw;text-align:center;line-height:4.8vw;margin:2.6666666667vw 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-container .hot-product ul li .pro-btn{display:none}
.home-container .lastest-news ul li{width:100%}
.home-container .lastest-news ul li:nth-of-type(2n){display:none}
.home-container .lastest-news ul li .news-content,.home-container .lastest-news ul li .news-img{width:50%}
.home-container .lastest-news ul li .news-content .news-title{margin:1.0666666667vw 2.6666666667vw 0;font-size:3.4666666667vw}
.home-container .lastest-news ul li .news-content .news-date{margin:.6666666667vw 2.6666666667vw;font-size:3.2vw}
.home-container .lastest-news ul li .news-content article{display:none;margin:0 2.6666666667vw;font-size:3.2vw;line-height:110%}
.home-container .lastest-news ul li .news-content .more-link{display:none}
.home-container .partners{margin:13.3333333333vw 6.6666666667vw 20vw}
.home-container .partners ul{margin-top:10.6666666667vw}
.home-container .partners ul li{box-sizing:border-box;max-width:33%;min-width:33%;height:auto;padding-bottom:0;border:1px solid #eee;border-right:none;border-bottom:none}
.home-container .partners ul li:nth-of-type(6n){border-top:1px solid #eee;border-left:1px solid #eee;border-right:none}
.home-container .partners ul li:nth-of-type(3n){border-right:1px solid #eee}
.home-container .partners ul li:nth-of-type(n+7){border-top:1px solid #eee;border-left:1px solid #eee;border-bottom:none}
.home-container .partners ul li:nth-of-type(n+10),.home-container .partners ul li:nth-of-type(n+7):hover{border-bottom:1px solid #eee}
.home-container .partners ul li:hover{border-top:1px solid #eee;border-left:1px solid #eee}
.home-container .partners ul li:hover+li{border-left:1px solid #eee}
.home-container .partners ul li:hover+li+li+li+li+li+li{border-top:1px solid #eee}
.home-container .partners ul li:nth-of-type(6n):hover{border-right:1px solid #eee}
}
@media screen and (min-width:751px)and (max-width:768px){
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{font-size:18px;min-height:0}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{font-size:14px}
.home-container .about-info .about-content .content-title{font-size:28px}
.home-container .about-info .about-content article p,.home-container .hot-product ul li .pro-name,.home-container .lastest-news ul li .news-content .news-title{font-size:24px}
.home-container .lastest-news ul li .news-content .news-date{font-size:20px}
.home-container .lastest-news ul li .news-content article{font-size:18px}
}
@media(min-width:1281px)and (max-width:1520px){
header .header-top,header nav{padding:0 100px}
header nav ul .submenu{right:-100px}
main.common-container .breadcrumbs-nav{padding:0 100px}
footer .footer-container>ul,footer .footer-top{margin:0 100px}
footer .footer-container .right-text{padding:0 100px}
}
@media(min-width:1081px)and (max-width:1280px){
header .header-top,header nav{padding:0 50px}
header nav ul .submenu{right:-50px}
header nav ul .submenu li a{font-size:14px}
header nav ul li a{font-size:16px}
main.common-container .breadcrumbs-nav{padding:0 50px}
footer .footer-container>ul,footer .footer-top{margin:0 50px}
footer .footer-container .right-text{padding:0 50px}
}
@media(min-width:769px)and (max-width:1080px){
header .header-top,header nav{padding:0 25px}
header nav ul .submenu{right:-25px}
header nav ul .submenu li a{font-size:12px}
header nav ul li{margin:0 8px}
header nav ul li a{font-size:14px}
main.common-container .breadcrumbs-nav{padding:0 25px}
footer .footer-top{margin:0 25px}
footer .footer-top .contact-left .contact-content p:nth-child(2){font-size:20px}
footer .footer-container>ul{margin:0 25px}
footer .footer-container .right-text{padding:0 25px}
}
@media screen and (max-width:768px){
body,html{overflow:hidden;overflow-y:auto}
body{font-size:4vw}
header .header-top{position:relative;background:0 0}
header .header-top .top-info,header .header-top i{display:none}
header .header-top .top-right{transition:all .4s ease}
header .header-top .top-right .search-input{position:fixed;width:100vw;left:0;background:#333;border-radius:0;padding:10.6666666667vw;z-index:80;border:none;display:flex;opacity:0;top:0;transition:all .4s ease}
header .header-top .top-right .search-input .search-btn{padding:0 1.3333333333vw;display:block;height:10.6666666667vw;line-height:10.6666666667vw;background:#2b3aa1;color:#fff;transition:all .4s ease}
header .header-top .top-right .search-input input{flex:1;height:10.6666666667vw;background-color:#fff;color:#000;padding-left:4vw;transition:all .4s ease}
header .header-top .top-right .search-active{opacity:1;top:13.3333333333vw}
header nav{position:relative;width:100vw;height:13.3333333333vw;position:fixed;top:0;left:0;padding:0 6.6666666667vw;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
header nav ul{background-color:#232429;top:13.3333333333vw;left:0;position:absolute;flex-direction:column;width:66.7%}
header nav ul li{position:relative;height:auto;margin:0;display:block;padding:4vw 5.3333333333vw;border-bottom:1px solid hsla(0,0%,100%,.5)}
header nav ul li a{width:100%;display:flex;justify-content:space-between;color:#fff;font-size:4vw}
header nav ul li a:hover{color:#2b3aa1}
header nav ul li a:hover:after{display:none;transform:none}
header nav ul li .inmenu_1{color:#fff}
header nav ul li .inmenu_1:after{content:none}
header nav ul li:last-child{border-bottom:none}
header nav ul li i{position:absolute;box-sizing:border-box;width:8vw;height:4vw;padding-left:4vw;right:4vw;top:4vw;color:#fff;transform:scale(1.4) rotate(0);transform-origin:center center;transition:all .3s}
header nav ul li .slide-active{transform:scale(1.4) rotate(90deg);transform-origin:6vw 2.9vw}
header nav ul li:hover>a,header nav ul li:hover>i{color:#fff}
header nav ul li:hover>a:after,header nav ul li:hover>i:after{transform:translateX(-50%) rotateY(90deg)}
header nav ul .submenu{transition:none;position:relative;width:100%;right:0;transform-origin:top;transform:rotateX(0);opacity:1;height:auto;background:#232429;top:0;list-style-type:square;display:none}
header nav ul .submenu li{position:relative;list-style-type:square;padding:2.6666666667vw 0 0;margin:0 0 0 5.3333333333vw}
header nav ul .submenu li a{font-size:3.4666666667vw}
header nav ul .submenu li:after{content:none}
header nav ul .submenu li:before{content:"";position:absolute;top:4.2666666667vw;left:-2.6666666667vw;width:1.0666666667vw;height:1.0666666667vw;background-color:#fff}
header nav>ul{left:-66.7%}
header nav .nav-btn{width:33%;display:flex}
header nav .mobile-search-btn{display:block;width:33%;display:flex;justify-content:flex-end;align-items:center}
header nav .mobile-search-btn i{transform:scale(1.4);color:#919194}
header nav .header-logo{width:33%}
main{margin-top:0}
main .breadcrumbs-nav{display:none}
main .common-pages{margin-bottom:6.6666666667vw;height:8vw;font-size:4.6666666667vw}
main .common-pages a,main .common-pages span{margin:0 .6666666667vw;padding:1.3333333333vw 2.6666666667vw;font-size:4.6666666667vw;height:auto}
main.common-container .inner-banner{min-height:0}
main.common-container .inner-banner .pc{display:none}
main.common-container .inner-banner .sm{display:block;min-height:40vw;background:url(https://rogtzcarjack.com/images/m401/blue/imgs/inner-banner-sm.jpg);background-size:100vw 40vw}
footer{margin-top:6.6666666667vw}
footer .footer-top{height:18.6666666667vw;margin:0;padding:0 6.6666666667vw}
footer .footer-top .contact-left .contact-logo{display:none}
footer .footer-top .contact-left .contact-content{display:flex;flex-direction:column;justify-content:space-evenly;padding-top:0;margin-left:0;width:60vw;height:18.6666666667vw}
footer .footer-top .contact-left .contact-content p:first-child{font-size:4vw;line-height:4vw;top:0;left:-5.3333333333vw;transform:scale(.8)}
footer .footer-top .contact-left .contact-content p:nth-child(2){position:relative;left:-5.3333333333vw;font-size:4vw;line-height:4vw;padding-right:.6666666667vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transform:scale(.8)}
footer .footer-top .contact-left .contact-content:before{display:none}
footer .footer-top .contact-btn{width:27.4666666667vw;height:8vw;border:.2666666667vw solid #fff}
footer .footer-top .contact-btn a{font-size:3.2vw}
footer .footer-container{padding-bottom:16vw;height:auto}
footer .footer-container>ul{margin:0;height:auto;flex-wrap:wrap}
footer .footer-container>ul>li{flex:none;padding:1.3333333333vw 0}
footer .footer-container>ul>li .content{padding-top:0;padding-left:0;font-size:4vw}
footer .footer-container>ul>li .content .content-title{font-size:4vw;line-height:6.6666666667vw}
footer .footer-container>ul>li .content .content-text{font-size:3.2vw;line-height:2em}
footer .footer-container>ul>li .content .content-text a{color:#707070}
footer .footer-container>ul>li .logo{width:70px;height:70px;overflow:hidden;background-size:200px 37px}
footer .footer-container>ul>li:first-child{width:100%}
footer .footer-container>ul>li:nth-child(2),footer .footer-container>ul>li:nth-child(3){width:50%}
footer .footer-container>ul>li span{margin-top:2.6666666667vw;height:5.3333333333vw;position:relative;right:4vw;top:-.6666666667vw}
footer .footer-container>ul>li.map .logo{background-position:10px 20px}
footer .footer-container>ul>li.email .logo{background-position:-70px 20px}
footer .footer-container>ul>li.tel .logo{background-position:-150px 20px}
footer .footer-container .bottom-info{height:auto;padding-left:6.6666666667vw;margin-top:.6666666667vw}
footer .footer-container .bottom-info li .title{line-height:10.6666666667vw}
footer .footer-container .bottom-info .cate,footer .footer-container .bottom-info .intro{display:none}
footer .footer-container .bottom-info .nav{margin:0}
footer .footer-container .bottom-info .nav .title{display:none}
footer .footer-container .bottom-info .nav ul{display:flex;flex-wrap:wrap}
footer .footer-container .bottom-info .nav ul li{margin-right:2.6666666667vw;min-width:30%}
footer .footer-container .bottom-info .nav ul li a{font-size:4vw;line-height:6.6666666667vw}
footer .footer-container .bottom-info .code{display:none}
footer .footer-container .bottom-info .code .title{font-size:4vw}
footer .footer-container .bottom-info .code img{width:18vw;height:18vw;min-width:18vw;opacity:1}
footer .footer-container .bottom-info .contact-list{width:100%;margin-top:4vw;display:flex}
footer .footer-container .bottom-info .contact-list li{width:6.6666666667vw;height:6.6666666667vw;display:flex;justify-content:center;align-items:center;margin-right:1.3333333333vw}
footer .footer-container .bottom-info .contact-list li img{width:100%}
footer .footer-container .right-text{padding:0 6.6666666667vw;font-size:3.2vw;line-height:9.3333333333vw}
footer .mobile-bottom{z-index:9;height:16vw;background:#2b3aa1;width:100%;display:flex;align-items:center;justify-content:space-evenly}
footer .mobile-bottom .mobile-bottom-item{background:#2b3aa1;padding:.6666666667vw 0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:16vw;width:16vw;font-size:4vw}
footer .mobile-bottom .mobile-bottom-item a{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;color:#fff}
footer .mobile-bottom .mobile-bottom-item i{transform:scale(1.6);margin-bottom:.6666666667vw}
#toast-container{padding-top:150px}
}
@media screen and (min-width:751px)and (max-width:768px){
footer .footer-top .contact-left .contact-content p:first-child,footer .footer-top .contact-left .contact-content p:nth-child(2){font-size:28px}
footer .footer-top .contact-btn a{font-size:20px}
footer .footer-container>ul>li .content,footer .footer-container>ul>li .content .content-title{font-size:24px}
footer .footer-container>ul>li .content .content-text{font-size:20px}
footer .footer-container>ul>li .content .content-text a{color:#707070}
footer .footer-container>ul>li .logo{width:90px;height:90px}
footer .footer-container>ul>li.map .logo{background-position:10px 30px}
footer .footer-container>ul>li.email .logo{background-position:-70px 30px}
footer .footer-container>ul>li.tel .logo{background-position:-150px 30px}
footer .footer-container .bottom-info .nav .title,footer .footer-container .bottom-info .nav ul li a{font-size:24px}
footer .footer-container .right-text{font-size:20px}
footer .mobile-bottom .mobile-bottom-item{font-size:24px}
}
@media screen and (min-width:2000px){
.swiper-slide a,.swiper-slide img{width:100%}
header .header-top,header nav{padding:0 450px}
.home-container .welcome-info .part-item{margin:80px 450px 0}
.home-container .hot-product ul{margin:80px 450px}
.home-container .partners{margin:140px 450px 150px}
.common-container .news-content,.common-container .video-content,.knowledges-content,.pro-detail-content .pro-bottom-tip,.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form,footer .footer-container>ul,footer .footer-top{margin:0 450px}
.common-container .breadcrumbs-nav,.knowledges-detail-content,.news-detail-content,.pro-detail-content .pro-detail-title,.pro-detail-content .pro-page-switch,.products-content .pro-list,footer .footer-container .right-text{padding:0 450px}
.abouts-content{padding:0 450px 50px}
.pro-filter{right:450px}
.pro-detail-content .pro-review{margin:50px 450px 30px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags{margin:30px 450px 0}
}
@media(min-width:1281px)and (max-width:1520px){
.abouts-content{padding:0 100px 50px}
}
@media(min-width:1081px)and (max-width:1280px){
.abouts-content{padding:0 50px 50px}
}
@media(min-width:769px)and (max-width:1081px){
.abouts-content{padding:0 25px 50px}
}
@media screen and (max-width:768px){
.abouts-content{padding:0 6.6666666667vw}
.abouts-content .abouts-title{margin-top:6.6666666667vw;font-size:4.5333333333vw;padding:1.3333333333vw 0;margin-bottom:.1333333333vw}
.abouts-content article div{margin-bottom:4vw}
.abouts-content article .title{margin-top:2.1333333333vw;font-size:4vw}
.abouts-content article .content,.abouts-content article .title,.abouts-content article p{line-height:5.3333333333vw}
.abouts-content article .content,.abouts-content article p{width:100%}
.abouts-content article .imgs-list{margin-top:1.3333333333vw}
.abouts-content article .imgs-list li{display:none;padding-right:6.6666666667vw}
.abouts-content article .imgs-list li:first-child{display:block}
}
@media(min-width:1281px)and (max-width:1520px){
.common-container .news-content{margin:0 100px}
}
@media(min-width:1081px)and (max-width:1280px){
.common-container .news-content{margin:0 50px}
}
@media(min-width:769px)and (max-width:1081px){
.common-container .news-content{margin:0 25px}
}
@media screen and (max-width:768px){
.common-container .news-content{margin:0 6.6666666667vw}
.common-container .news-content .news-list{margin:6.6666666667vw 0;justify-content:space-between}
.common-container .news-content .news-list .list-1{height:32vw;padding:0 5.3333333333vw;margin-bottom:6.6666666667vw}
.common-container .news-content .news-list .list-1 .news-img{display:none}
.common-container .news-content .news-list .list-1 .news-info .news-date{font-size:4vw;line-height:4.5333333333vw;transform:scale(.8);position:relative;left:-7.3333333333vw}
.common-container .news-content .news-list .list-1 .news-info .news-title{margin:1.3333333333vw 0}
.common-container .news-content .news-list .list-1 .news-info .news-title a{font-size:4.5333333333vw;line-height:4.8vw}
.common-container .news-content .news-list .list-1 .news-info .news-text{margin:0 0 1.3333333333vw}
.common-container .news-content .news-list .list-1 .news-info .news-text a{font-size:4vw;line-height:4.5333333333vw}
.common-container .news-content .news-list .list-1 .news-info .more-btn{font-size:4vw;position:relative}
.common-container .news-content .news-list .list-1 .news-info .more-btn i{position:absolute;top:1.2px;left:21.3333333333vw;transform:scale(1.2)}
.common-container .news-content .news-list .list-2{margin-bottom:6.6666666667vw;width:46%;margin-right:4vw}
.common-container .news-content .news-list .list-2:nth-of-type(3n){margin-right:4vw}
.common-container .news-content .news-list .list-2:nth-of-type(2n){margin-right:0}
.common-container .news-content .news-list .list-2 .news-info .news-date{line-height:3.2vw;font-size:3.2vw}
.common-container .news-content .news-list .list-2 .news-info .news-title{margin-top:1.3333333333vw}
.common-container .news-content .news-list .list-2 .news-info .news-title a{font-size:4vw;line-height:4.2666666667vw}
.common-container .news-content .news-list .list-2 .news-info .news-text{margin:2.6666666667vw 0}
.common-container .news-content .news-list .list-2 .news-info .news-text a{font-size:3.3333333333vw;line-height:4vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media(min-width:1281px)and (max-width:1520px){
.knowledges-content{margin:0 100px}
}
@media(min-width:1081px)and (max-width:1280px){
.knowledges-content{margin:0 50px}
}
@media(min-width:769px)and (max-width:1081px){
.knowledges-content{margin:0 25px}
}
@media screen and (max-width:768px){
.common-container .knowledges-content{margin:0 6.6666666667vw}
.common-container .knowledges-content .knowledges-list{margin:6.6666666667vw 0;justify-content:space-between}
.common-container .knowledges-content .knowledges-list .list-1{height:32vw;padding:0 5.3333333333vw;margin-bottom:6.6666666667vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-img{display:none}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date{font-size:4vw;line-height:4.5333333333vw;transform:scale(.8);position:relative;left:-7.3333333333vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title{margin:1.3333333333vw 0}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a{font-size:4.5333333333vw;line-height:4.8vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text{margin:0 0 1.3333333333vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a{font-size:4vw;line-height:4.5333333333vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn{font-size:4vw;position:relative}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i{position:absolute;top:1.2px;left:21.3333333333vw;transform:scale(1.2)}
.common-container .knowledges-content .knowledges-list .list-2{margin-bottom:6.6666666667vw;width:46%;margin-right:4vw}
.common-container .knowledges-content .knowledges-list .list-2:nth-of-type(3n){margin-right:4vw}
.common-container .knowledges-content .knowledges-list .list-2:nth-of-type(2n){margin-right:0}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date{line-height:3.2vw;font-size:3.2vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title{margin-top:1.3333333333vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a{font-size:4vw;line-height:4.2666666667vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text{margin:2.6666666667vw 0}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a{font-size:3.3333333333vw;line-height:4vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media screen and (max-width:768px){
.common-container .contact-wrapper{margin:0;padding:6.6666666667vw 0 0;flex-direction:column}
.common-container .contact-wrapper .contact-left{padding:6vw 5.7333333333vw;width:100%}
.common-container .contact-wrapper .contact-left .title{font-size:4.5333333333vw}
.common-container .contact-wrapper .contact-left ul{margin-top:4vw}
.common-container .contact-wrapper .contact-left ul li{line-height:5.3333333333vw;margin:2.6666666667vw 0}
.common-container .contact-wrapper .contact-left ul li .contact-way{font-size:4vw;font-weight:700}
.common-container .contact-wrapper .contact-left ul li .contact-info{font-size:4vw}
.common-container .contact-wrapper .contact-left ul li .contact-num{font-size:4.5333333333vw;margin-top:.6666666667vw}
.common-container .contact-wrapper .contact-main{margin-top:6.6666666667vw;margin-left:0;flex:1}
.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form{margin-left:0}
}
@media(min-width:1281px)and (max-width:1520px){
.products-content .content-top{margin:0 100px}
.products-content .type-box{margin:0 100px 50px}
.products-content .pro-list,.products-content .pro-list-2{padding:0 100px}
.products-content .seo-key{margin:0 100px}
.pro-filter{right:100px}
.filter-box{padding:0 100px}
.filter-box .scrollTip{right:100px}
}
@media(min-width:1081px)and (max-width:1280px){
.products-content .content-top{margin:0 50px}
.products-content .type-box{margin:0 50px 50px}
.products-content .pro-list,.products-content .pro-list-2{padding:0 50px}
.products-content .seo-key{margin:0 50px}
.filter-box{padding:0 50px}
.filter-box .scrollTip,.pro-filter{right:50px}
}
@media(min-width:769px)and (max-width:1080px){
.products-content .content-top{margin:0 25px}
.products-content .type-box{margin:0 25px 50px}
.products-content .pro-list,.products-content .pro-list-2{padding:0 25px}
.products-content .pro-list-2 li .pro-info{padding:40px 50px}
.products-content .seo-key{margin:0 25px}
.filter-box{padding:0 25px}
.filter-box .scrollTip,.pro-filter{right:25px}
}
@media screen and (max-width:768px){
.products-content{padding:6.6666666667vw 6.6666666667vw 0}
.products-content .content-top{margin:0;height:100px;display:flex;align-items:center}
.products-content .content-top .pro-counts{display:none}
.products-content .content-top .pro-filter{display:inline-block;background:0 0;width:auto;height:auto;padding:0}
.products-content .content-top .pro-filter span{font-size:4vw;color:#2b2b2b;font-weight:700}
.products-content .content-top .pro-filter i{display:none}
.products-content .type-box{margin:0 0 6.6666666667vw}
.products-content .type-box h1{display:block;height:10.6666666667vw;font-size:4.8vw;line-height:10.6666666667vw}
.products-content .type-box p{line-height:1.6em}
.products-content .pro-list{margin-top:0;padding:0}
.products-content .pro-list .list-1{width:48%;min-width:48%;max-width:48%;margin-right:2.1333333333vw;margin-bottom:5.3333333333vw}
.products-content .pro-list .list-1:nth-of-type(2n){margin-right:0}
.products-content .pro-list .list-1 .pro-img{height:32.8vw;min-height:32.8vw}
.products-content .pro-list .list-1 .pro-name{padding:0 2.6666666667vw;min-height:8vw;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-name a{font-size:3.2vw;line-height:4vw}
.products-content .pro-list .list-1 article{display:none}
.products-content .pro-list .list-1 span{margin:2.6666666667vw}
.products-content .pro-list .list-2.pro-checked{border-color:#2b3aa1}
.products-content .pro-list .list-2{border:2px solid #eee;height:auto;width:47%;min-width:47%;max-width:47%;margin-right:1.3333333333vw;margin-bottom:5.3333333333vw;flex-direction:column}
.products-content .pro-list .list-2:nth-of-type(2n){margin-right:0}
.products-content .pro-list .list-2 .pro-img{width:auto;height:32.8vw;min-height:32.8vw;border:none}
.products-content .pro-list .list-2 .pro-info{padding:0;background:#fff}
.products-content .pro-list .list-2 .pro-info .pro-name{margin-top:1.3333333333vw;padding:0 2.6666666667vw}
.products-content .pro-list .list-2 .pro-info .pro-name a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:3.2vw;line-height:3.2vw}
.products-content .pro-list .list-2 .pro-info article{display:none}
.products-content .pro-list .list-2 .pro-info span{display:block;height:1px;background:#eee;margin:2.6666666667vw}
.products-content .pro-list .list-2 .pro-info .compare-action{left:0;margin:5.3333333333vw 2.6666666667vw;height:8vw;font-size:3.2vw;justify-content:flex-start;align-items:center;width:auto;background-color:#2b3aa1}
.products-content .pro-list .list-2 .pro-info .compare-action span{margin:0;background:0 0;height:auto;color:#fff}
.products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check+label{border-color:#fff}
.products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check:checked+label:before{color:#fff}
.products-content .seo-key{margin:0 0 25px}
.products-content .seo-key .keywords{margin-top:2.6666666667vw}
.products-content .seo-key .keywords span{display:flex;flex-wrap:wrap}
.products-content .seo-key .keywords a{display:inline-block;width:auto;padding:0 2.6666666667vw;background:#ccc;border-radius:999px;margin-right:1.3333333333vw;color:#2b2b2b;margin-bottom:4vw}
}
@media(min-width:1281px)and (max-width:1520px){
.pro-detail-content .pro-review{margin:50px 100px 0}
.pro-detail-content .pro-review .pro-preview-right{padding:30px 50px 0}
.pro-detail-content .pro-detail-title{padding:0 100px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags{margin:30px 100px 0}
.pro-detail-content .pro-bottom-tip{margin:0 100px}
.pro-detail-content .pro-page-switch{padding:0 100px}
.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form{margin:0 100px}
}
@media(min-width:1081px)and (max-width:1280px){
.pro-detail-content .pro-review{margin:50px 50px 0}
.pro-detail-content .pro-review .pro-preview-right{width:500px;padding:30px 20px 0}
.pro-detail-content .pro-review .pro-preview-right .pro-name{font-size:24px}
.pro-detail-content .pro-review .pro-preview-right .btn-list{margin-top:20px}
.pro-detail-content .pro-detail-title{padding:0 50px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags{margin:30px 50px 0}
.pro-detail-content .pro-bottom-tip{margin:0 50px}
.pro-detail-content .pro-page-switch{padding:0 50px}
.pro-detail-content .random-pro-list{margin:0 50px}
.pro-detail-content .random-pro-list ul li .pro-name{font-size:14px}
.pro-detail-content .send-inquiry .inquiry-form{margin:0 50px}
}
@media(min-width:769px)and (max-width:1080px){
.pro-detail-content .pro-review{margin:50px 25px 0}
.pro-detail-content .pro-review .pro-preview-right{width:400px;padding:30px 20px 0}
.pro-detail-content .pro-review .pro-preview-right .btn-list{margin-top:20px}
.pro-detail-content .pro-detail-title{padding:0 25px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags{margin:30px 25px 0}
.pro-detail-content .pro-bottom-tip{margin:0 25px;font-size:14px}
.pro-detail-content .pro-page-switch{padding:0 25px}
.pro-detail-content .random-pro-list{margin:0 25px}
.pro-detail-content .random-pro-list ul li .pro-name{font-size:12px}
.pro-detail-content .send-inquiry .inquiry-form{margin:0 25px}
}
@media screen and (max-width:768px){
.pro-detail-content .pro-review{margin:0 6.6666666667vw;flex-direction:column}
.pro-detail-content .pro-review .pro-preview-left{width:100%;min-width:100%;height:auto}
.pro-detail-content .pro-review .pro-preview-left .preview-container{visibility:hidden;width:100%}
.pro-detail-content .pro-review .pro-preview-left .preview-container .small-box{display:none}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box{margin-top:0}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box a{display:none}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper{width:100%}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item{height:auto;border:none;margin:0}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img{width:100%}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page{display:flex}
.pro-detail-content .pro-review .pro-preview-right{margin-bottom:0;padding:4vw 0}
.pro-detail-content .pro-review .pro-preview-right .pro-name{font-size:4vw}
.pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views{font-size:4vw;margin:1.3333333333vw 0}
.pro-detail-content .pro-review .pro-preview-right .share-btn-list{margin:4vw 0}
.pro-detail-content .pro-review .pro-preview-right article{font-size:3.2vw;line-height:4.8vw;margin-right:0}
.pro-detail-content .pro-review .pro-preview-right .btn-list{justify-content:space-between;margin-top:4vw}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2{height:6.6666666667vw;width:40vw;margin:2vw 0}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span{font-size:4vw}
.pro-detail-content .pro-review .singglepic{width:100%!important;height:auto!important;margin-top:4vw;margin-bottom:0!important;border:none!important}
.pro-detail-content .pro-review .singglepic img{max-width:100%;max-height:100%}
.pro-detail-content .pro-detail-title{line-height:5.3333333333vw;padding:1.3333333333vw 6.6666666667vw;height:auto;width:100%;font-size:4vw}
.pro-detail-content .pro-intro{margin:4vw 6.6666666667vw}
.pro-detail-content .pro-intro .intro-title{font-size:4.2666666667vw;line-height:6.6666666667vw}
.pro-detail-content .pro-intro article{line-height:1.7em;padding:4vw 0}
.pro-detail-content .pro-spec{margin:4vw 6.6666666667vw}
.pro-detail-content .pro-spec .spec-title{font-size:4.2666666667vw;line-height:6.6666666667vw}
.pro-detail-content .pro-spec .spec-content{padding:4vw 0}
.pro-detail-content .pro-spec .spec-content table tr td{height:6.6666666667vw;width:100%}
.pro-detail-content .productsTags{margin:4vw 6.6666666667vw 0;color:#2b2b2b}
.pro-detail-content .pro-bottom-tip{margin:0 6.6666666667vw;padding:4vw 0;line-height:1.5em}
.pro-detail-content .pro-page-switch{background:0 0;height:auto;padding:0 6.6666666667vw;margin:8vw 0;flex-wrap:wrap}
.pro-detail-content .pro-page-switch .page-btn,.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev{line-height:10.6666666667vw;font-size:4vw}
.pro-detail-content .pro-page-switch .page-prev{background:#f8f8f8;width:100%}
.pro-detail-content .pro-page-switch .page-prev i{margin-right:1.3333333333vw}
.pro-detail-content .pro-page-switch .page-next{background:#f8f8f8;margin-top:6.6666666667vw;width:100%}
.pro-detail-content .pro-page-switch .page-next i{margin-left:1.3333333333vw}
.pro-detail-content .pro-page-switch .page-btn{width:32vw}
.pro-detail-content .pro-page-switch .page-btn a{color:#fff;line-height:6.6666666667vw;font-size:4vw}
.pro-detail-content .pro-page-switch a{font-weight:700;font-size:4vw;line-height:10.6666666667vw;margin:0}
.pro-detail-content .random-pro-list{margin:6.6666666667vw}
.pro-detail-content .random-pro-list .random-title{font-size:4vw;margin:4vw 0}
.pro-detail-content .random-pro-list ul{width:100%;margin-top:4vw;flex-wrap:wrap}
.pro-detail-content .random-pro-list ul li{max-width:31%;min-width:31%;margin-bottom:6.6666666667vw}
.pro-detail-content .random-pro-list ul li .pro-img{height:29.0666666667vw}
.pro-detail-content .random-pro-list ul li .pro-name{line-height:4vw;margin:2.6666666667vw 0;font-size:2.6666666667vw}
.pro-detail-content .random-pro-list ul li .more-btn{width:16vw;height:5.3333333333vw;padding:.6666666667vw;border-radius:4vw;font-size:2.6666666667vw}
.pro-detail-content .send-inquiry{margin-top:4vw}
.pro-detail-content .send-inquiry .inquiry-title{height:8.5333333333vw;margin:6.6666666667vw 0;font-size:4vw;line-height:8vw}
.pro-detail-content .send-inquiry .inquiry-form{margin:0 6.6666666667vw}
.pro-detail-content .table-responsive{touch-action:auto;width:100%;margin:.2rem 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
}
@media(min-width:1281px)and (max-width:1520px){
.news-detail-content{padding:0 100px}
.news-detail-content .news-title{font-size:24px}
}
@media(min-width:1081px)and (max-width:1280px){
.news-detail-content{padding:0 50px}
.news-detail-content .news-title{font-size:20px}
}
@media(min-width:769px)and (max-width:1081px){
.news-detail-content{padding:0 25px}
.news-detail-content .news-title{font-size:18px}
}
@media screen and (max-width:768px){
.news-detail-content{margin:13.3333333333vw 0;padding:0 6.6666666667vw}
.news-detail-content .news-title{padding:0;font-size:4vw;line-height:5.3333333333vw}
.news-detail-content .news-date{margin:4vw 0;line-height:6.4vw}
.news-detail-content article p{margin-top:4vw;line-height:4.5333333333vw}
.news-detail-content article p:first-of-type{margin-top:0}
.news-detail-content span.line{margin:6.6666666667vw 0}
.news-detail-content .pages-list a,.news-detail-content .pages-list div,.news-detail-content .pages-list span{line-height:5.3333333333vw;font-size:4vw}
.news-detail-content .pages-list div{margin-top:2.6666666667vw}
}
@media(min-width:1281px)and (max-width:1520px){
.knowledges-detail-content{padding:0 100px}
.knowledges-detail-content .knowledges-title{font-size:24px}
}
@media(min-width:1081px)and (max-width:1280px){
.knowledges-detail-content{padding:0 50px}
.knowledges-detail-content .knowledges-title{font-size:20px}
}
@media(min-width:769px)and (max-width:1081px){
.knowledges-detail-content{padding:0 25px}
.knowledges-detail-content .knowledges-title{font-size:18px}
}
@media screen and (max-width:768px){
.knowledges-detail-content{margin:13.3333333333vw 0;padding:0 6.6666666667vw}
.knowledges-detail-content .knowledges-title{padding:0;font-size:4vw;line-height:5.3333333333vw}
.knowledges-detail-content .knowledges-date{margin:4vw 0;line-height:6.4vw}
.knowledges-detail-content article p{margin-top:4vw;line-height:4.5333333333vw}
.knowledges-detail-content article p:first-of-type{margin-top:0}
.knowledges-detail-content span.line{margin:6.6666666667vw 0}
.knowledges-detail-content .pages-list a,.knowledges-detail-content .pages-list div,.knowledges-detail-content .pages-list span{line-height:5.3333333333vw}
.knowledges-detail-content .pages-list div{margin-top:2.6666666667vw}
}
@media(min-width:1281px)and (max-width:1520px){
.common-container .video-content{margin:0 100px}
}
@media(min-width:1081px)and (max-width:1280px){
.common-container .video-content{margin:0 50px}
}
@media(min-width:769px)and (max-width:1081px){
.common-container .video-content{margin:0 25px}
}
@media screen and (max-width:768px){
.common-container .video-content{margin:0 6.6666666667vw}
.common-container .video-content .video-list{margin:6.6666666667vw 0}
.common-container .video-content .video-list li{height:32vw;padding:0 5.3333333333vw;margin-bottom:6.6666666667vw}
.common-container .video-content .video-list li .video-img{display:none}
.common-container .video-content .video-list li .video-info .video-date{font-size:4vw;line-height:4.5333333333vw;transform:scale(.8);position:relative;left:-7.3333333333vw}
.common-container .video-content .video-list li .video-info .video-title{margin:1.3333333333vw 0}
.common-container .video-content .video-list li .video-info .video-title a{font-size:4.5333333333vw;line-height:4.8vw}
.common-container .video-content .video-list li .video-info .video-text{margin:0 0 1.3333333333vw}
.common-container .video-content .video-list li .video-info .video-text a{font-size:4vw;line-height:4.5333333333vw}
.common-container .video-content .video-list li .video-info .more-btn{font-size:4vw;position:relative}
.common-container .video-content .video-list li .video-info .more-btn i{position:absolute;top:1.2px;left:21.3333333333vw;transform:scale(1.2)}
.common-container .video-content .video-list-2{margin:6.6666666667vw 0;justify-content:space-between}
.common-container .video-content .video-list-2 li{margin-bottom:6.6666666667vw;width:46%;margin-right:4vw}
.common-container .video-content .video-list-2 li:nth-of-type(3n){margin-right:4vw}
.common-container .video-content .video-list-2 li:nth-of-type(2n){margin-right:0}
.common-container .video-content .video-list-2 li .video-info .video-date{line-height:3.2vw;font-size:3.2vw}
.common-container .video-content .video-list-2 li .video-info .video-title{margin-top:1.3333333333vw}
.common-container .video-content .video-list-2 li .video-info .video-title a{font-size:4vw;line-height:4.2666666667vw}
.common-container .video-content .video-list-2 li .video-info .video-text{margin:2.6666666667vw 0}
.common-container .video-content .video-list-2 li .video-info .video-text a{font-size:3.3333333333vw;line-height:4vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media(min-width:1281px)and (max-width:1520px){
.common-container .feedback-content{padding:0 100px 50px}
}
@media(min-width:1081px)and (max-width:1280px){
.common-container .feedback-content{padding:0 50px 50px}
}
@media(min-width:769px)and (max-width:1081px){
.common-container .feedback-content{padding:0 25px 50px}
}
@media screen and (max-width:768px){
.common-container .feedback-content{margin:0;padding:6.6666666667vw 6.6666666667vw 0;flex-direction:column}
.common-container .feedback-content .feedback-main{margin-top:0;margin-left:0;flex:1}
.common-container .feedback-content .feedback-main .feedback-tips{margin-bottom:6.6666666667vw}
.common-container .feedback-content .feedback-main .feedback-tips p{line-height:1.6em}
.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form{margin-left:0}
}
@-webkit-keyframes hvr-icon-wobble-horizontal{
16.65%{transform:translateX(6px)}
33.3%{transform:translateX(-5px)}
49.95%{transform:translateX(4px)}
66.6%{transform:translateX(-2px)}
83.25%{transform:translateX(1px)}
to{transform:translateX(0)}
}
@keyframes hvr-icon-wobble-horizontal{
16.65%{transform:translateX(6px) scale(1.7)}
33.3%{transform:translateX(-5px) scale(1.7)}
49.95%{transform:translateX(4px) scale(1.7)}
66.6%{transform:translateX(-2px) scale(1.7)}
83.25%{transform:translateX(1px) scale(1.7)}
to{transform:translateX(0) scale(1.7)}
}
.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.3s}
.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.hvr-bounce-to-right,.hvr-bounce-to-right-y{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s}
.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:#2b3aa1;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right-y:active,.hvr-bounce-to-right-y:focus,.hvr-bounce-to-right-y:hover,.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}
.hvr-icon-wobble-horizontal .hvr-icon{transform:translateZ(0)}
.hvr-bounce-to-right-y:active:before,.hvr-bounce-to-right-y:focus:before,.hvr-bounce-to-right-y:hover:before,.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#fff;transition-property:color;transition-duration:.3s}
.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2b3aa1;transform:scaleY(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}
.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{transform:scaleY(1)}
.swiper-slide{display:flex;justify-content:center}
.swiper-lazy-preloader{width:30px!important;height:30px!important;border-radius:50%!important;border:2px solid #000!important;border-top-color:transparent!important}
.preview-container{position:relative;width:450px}
.preview-container .small-box{position:relative;width:450px;height:450px;border:1px solid #eee;display:flex;justify-content:center;align-items:center;box-sizing:border-box}
.preview-container .small-box img{max-width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:hsla(0,0%,80%,.6);border:1px solid #eee;display:none}
.preview-container .thumbnail-box{margin-top:40px;position:relative;width:100%;box-sizing:border-box}
.preview-container .thumbnail-box .list{overflow:hidden;width:390px;margin:0 auto;position:relative}
.preview-container .thumbnail-box .list ul{width:100000px;display:flex}
.preview-container .thumbnail-box .list ul .item{width:58px;height:58px;display:flex;justify-content:center;align-items:center;margin:0 10px;box-sizing:border-box;border:1px solid #ccc}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{border:1px solid #2b3aa1}
.preview-container .thumbnail-box .list .banner-page{display:none;justify-content:center;align-items:center;position:absolute;height:6.6666666667vw;width:13.3333333333vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);bottom:1.3333333333vw;right:1.3333333333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#fff;font-size:4vw}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-16px}
.preview-container .thumbnail-box .btn-prev{left:0;background:url(https://rogtzcarjack.com/images/m401/blue/imgs/btn_prev.png) no-repeat}
.preview-container .thumbnail-box .btn-next{right:0;background:url(https://rogtzcarjack.com/images/m401/blue/imgs/btn_next.png) no-repeat}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(https://rogtzcarjack.com/images/m401/blue/imgs/btn_prev_disabled.png) no-repeat;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(https://rogtzcarjack.com/images/m401/blue/imgs/btn_next_disabled.png) no-repeat;cursor:not-allowed}
.preview-container .big-box{display:none;overflow:hidden;top:0;left:449px;border:1px solid #eee;position:absolute;width:450px;height:450px;box-sizing:border-box;background:#fff;z-index:20}
.preview-container .big-box img{display:block;max-width:none;width:130%}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea{padding-right:40px;transition:.3s}
.send-inquiry .inquiry-form input::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea::-webkit-input-placeholder{color:#4c4c4c;-webkit-transition:.3s;transition:.3s;transform-origin:top left}
.send-inquiry .inquiry-form input::-moz-input-placeholder,.send-inquiry .inquiry-form textarea::-moz-input-placeholder{color:#4c4c4c}
.send-inquiry .inquiry-form input::-ms-input-placeholder,.send-inquiry .inquiry-form textarea::-ms-input-placeholder{color:#4c4c4c}
.send-inquiry .inquiry-form input:focus::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea:focus::-webkit-input-placeholder{transform:scale(.8) translate(2px,-14px)}
.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus{border-color:#2b3aa1}
.send-inquiry .inquiry-form input{position:relative;width:49%;height:50px;margin-bottom:30px}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea{box-sizing:border-box;padding-left:20px;border:1px solid #d5d5d5;outline:0}
.send-inquiry .inquiry-form textarea{padding-top:20px;width:100%;height:250px;resize:none}
.send-inquiry .inquiry-form .input-error{border:1px solid #f77}
.send-inquiry .inquiry-form #in-company{background:url(https://rogtzcarjack.com/images/m401/blue/imgs/company.png) no-repeat;background-size:26px 26px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-name{background:url(https://rogtzcarjack.com/images/m401/blue/imgs/user.png) no-repeat;background-size:26px 26px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-title{width:100%;background:url(https://rogtzcarjack.com/images/m401/blue/imgs/title.png) no-repeat;background-size:26px 26px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-phone{background:url(https://rogtzcarjack.com/images/m401/blue/imgs/phone.png) no-repeat;background-size:24px 24px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-email{background:url(https://rogtzcarjack.com/images/m401/blue/imgs/email.png) no-repeat;background-size:24px 24px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-content{background:url(https://rogtzcarjack.com/images/m401/blue/imgs/pencil.png) no-repeat;background-size:20px 20px;background-position:right 10px top 15px}
.send-inquiry .send-btn{width:216px;height:47px;border:1px solid #4c4c4c;display:flex;align-items:center;margin:50px auto;box-sizing:border-box}
.send-inquiry .send-btn .span:first-child{display:flex;justify-content:center;align-items:center;flex:1;font-weight:700;color:#4c4c4c;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.send-inquiry .send-btn .span:nth-child(2){height:100%;width:47px;display:flex;justify-content:center;align-items:center;border-left:1px solid #4c4c4c}
.send-inquiry .send-btn .span:nth-child(2) em,.send-inquiry .send-btn .span:nth-child(2) i{color:#707070;transform:scale(1.7)}
.send-inquiry .send-btn:hover{cursor:pointer;border:1px solid #2b3aa1}
.send-inquiry .send-btn:hover .span:first-child{color:#fff}
.send-inquiry .send-btn:hover .span:nth-child(2){border:none}
.send-inquiry .send-btn:hover .span:nth-child(2) em,.send-inquiry .send-btn:hover .span:nth-child(2) i{color:#fff}
@media screen and (max-width:768px){
.send-inquiry .inquiry-form input{padding-left:2.6666666667vw;width:100%;height:12vw;margin-bottom:4vw}
.send-inquiry .inquiry-form textarea{padding-top:3.3333333333vw;padding-left:2.6666666667vw;width:100%;height:33.3333333333vw}
.send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title{background-size:5.3333333333vw 5.3333333333vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-email,.send-inquiry .inquiry-form #in-phone{background-size:4.6666666667vw 4.6666666667vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-content{background-size:4vw 4vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .send-btn{width:42.6666666667vw;height:10.6666666667vw;margin:6.6666666667vw auto 0}
.send-inquiry .send-btn .span:first-child{font-size:4vw}
.send-inquiry .send-btn .span:nth-child(2){width:6.6666666667vw}
}
.compare-action{position:relative;height:37px;margin:30px 20px;display:flex;justify-content:center;align-items:center;background-color:#2b3aa1;cursor:pointer}
.compare-action span{display:inline-block;color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.compare-action .compare-action-check+label{width:16px;height:16px;content:" ";border:1px solid #1867d4;border-radius:1px;margin-right:10px;cursor:pointer}
.compare-action .compare-action-check:checked+label:before{font-size:16px;line-height:16px;content:"✓";text-align:center;color:#fff;position:relative;left:2px;top:-1px}
.compare-action input[type=checkbox]{visibility:hidden}
@media(max-width:768px){
.compare-action{position:relative;margin:5.3333333333vw 2.6666666667vw;height:8vw;font-size:3.2vw;justify-content:flex-start}
.compare-action .compare-action-check+label{margin-left:0;margin-right:5px}
.products-content .pro-list .compare-action span{margin:0}
}
.inquiry-pro-list{margin:50px 0;display:none;width:100%;box-sizing:border-box;border:1px solid #ddd;padding:0 100px}
.inquiry-pro-list a{text-decoration:none;color:#000}
.inquiry-pro-list .inquiry-pro-item{width:100%;height:100px;border-bottom:1px solid #ddd;display:flex;padding:40px 10px;margin-top:0;box-sizing:content-box}
.inquiry-pro-list .inquiry-pro-item .pro-item-img{height:100%;width:200px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.inquiry-pro-list .inquiry-pro-item .pro-item-img a{width:100%;height:100%}
.inquiry-pro-list .inquiry-pro-item .pro-item-img img{height:100%}
.inquiry-pro-list .inquiry-pro-item .pro-item-name{padding-top:30px;margin-left:50px;font-size:14px}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a{font-size:16px}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover{color:#2b3aa1}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p{padding:0;margin:0}
.inquiry-pro-list .inquiry-pro-item .pro-item-del{position:relative;padding-top:20px;height:100%;width:200px;margin-left:auto;display:flex;justify-content:center;align-items:center}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close{position:absolute;width:32px;height:32px;left:-6px;top:43px}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after,.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before{position:absolute;left:15px;content:"";height:20px;width:2px;background-color:#333}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before{transform:rotate(45deg)}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after{transform:rotate(-45deg)}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:hover{cursor:pointer}
.inquiry-pro-list .inquiry-pro-item:last-child{border:none}
@media(max-width:768px){
.inquiry-pro-list{padding:1vw 5vw}
.inquiry-pro-list .inquiry-pro-item{box-sizing:border-box;padding:3vw;margin:0;height:20vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-del{padding-top:0;width:10vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close{right:0;top:4vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-name{font-size:3vw;margin:0;padding:2vw 0 0;max-width:48vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p a{font-size:3.2vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.inquiry-pro-list .inquiry-pro-item .pro-item-img{min-width:24vw;margin-right:3vw;width:auto}
}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table{border-collapse:collapse}
.products-content .seo-key a{color:#2b2b2b}
.pro-detail-content .pro-intro article a{color:#2b2b2b}
.pro-detail-content .productsTags{line-height:1.6;color:#2b2b2b}
.pro-detail-content .productsTags a{color:#2b2b2b}
footer .footer-container .bottom-info{height:auto;margin-bottom:25px}
#tags{display:flex;border-bottom:1px solid #ccc;margin-bottom:20px;flex-wrap:wrap}
#tags li a{font-size:18px;font-weight:700;line-height:46px;padding:0 28px;border:1px solid #ccc;margin:10px 20px -1px 0;display:block;box-sizing:border-box}
#tags li a:hover,#tags li.selectTag a{color:#2b3aa1}
@media screen and (max-width:992px){
#tags li a{font-size:17px;padding:0 20px;line-height:40px;margin-right:10px}
}
@media screen and (max-width:768px){
#tags li a{font-size:14px;padding:0 10px;line-height:30px;margin-right:6px}
}
@media screen and (max-width:500px){
#tags li a{width:100%;text-align:center;font-size:14px;padding:0 10px;line-height:30px;margin-right:0}
#tags li{width:49%}
#tags{justify-content:space-between;border:none}
}
#tagContent .tagContent{display:none}
#tagContent .tagContent.selectTag{display:block}
.protypebody{margin:0 260px 50px;line-height:1.6;color:#444;box-shadow:0 0 5px #ddd;padding:15px}
@media (max-width:1520px) and (min-width:1281px){
.protypebody{margin:0 100px 50px}
}
@media (max-width:1280px) and (min-width:1081px){
.protypebody{margin:0 50px 50px}
}
@media (max-width:1080px) and (min-width:769px){
.protypebody{margin:0 25px 50px}
}
@media screen and (max-width:768px){
.protypebody{margin:0 0 6.6666666667vw;font-size:3.4vw}
}
@media screen and (max-width:768px){
.products-content .pro-list .list-2 .pro-img a{display:block;height:100%;width:100%}
.products-content .pro-list .list-2 .pro-img a img{height:100%;object-fit:contain}
header nav>ul{height:calc(100% - 13.3333333333vw);position:fixed;display:block;overflow-y:auto}
}
.filter-box .pro-type-list>ul .LiLevel2{width:25%;background:0 0}
.filter-box .pro-type-list>ul .LiLevel2 a{width:70%;height:35px;background:#fff;display:inline-block;line-height:35px;text-align:center}
.filter-box .pro-type-list>ul .LiLevel1 .LiLevel2{width:70%}
@media screen and (max-width:768px){
main.common-container .inner-banner .sm{display:none}
main.common-container .inner-banner .pc{display:block}
}
@media screen and (max-width:768px){
main.detail-container .inner-banner .pc{display:none}
}
.knowledges-detail-content .pro-detail-content .random-pro-list,.news-detail-content .pro-detail-content .random-pro-list{margin:0}
.inquiry-title{height:64px;width:100%;background:#f8f8f8;margin:40px 0;font-size:30px;font-weight:700;color:#2b2b2b;text-align:center;line-height:64px}
.inquiry-form{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}
#feedbackForm .send-inquiry .inquiry-form #in-emailcomfirm{background:url(https://rogtzcarjack.com/images/m401/blue/imgs/email.png) no-repeat;background-size:24px 24px;background-position:right 10px top 12px}
@media screen and (max-width:768px){
.common-container .news-content .news-list .list-1 .news-info .news-text{display:-webkit-box;display:-moz-box;max-height:36px;font-size:14px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:2vw 0}
.common-container .news-content .news-list .list-1{padding:4vw 5.3333333333vw}
}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img::after{padding-top:0;height:auto}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img{position:relative;height:auto;width:auto}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img{display:block;position:relative}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a{display:inline-block;position:absolute;top:50%;left:50%;height:auto;width:auto;transform:translate(-50%,-50%)}
.ie .home-container .about-info .about-content{justify-content:space-around}
.ie .home-container .hot-product ul li .pro-img:after{padding-top:0}
.ie .home-container .lastest-news ul li .news-content{justify-content:space-around}
.ie .home-container .hot-product ul li .pro-name{width:100%;height:70px}
.ie .home-container .hot-product ul li a,.ie .home-container .hot-product ul li object{height:auto}
.ie .products-content .pro-list .list-1 .pro-img img{position:relative;width:100%}
.ie .products-content .pro-list .list-2 .pro-img a{position:relative;display:block;width:100%;height:100%}
.ie .products-content .pro-list .list-2 .pro-img a img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ie .compare-action .compare-action-check+label{display:block}
.ie .products-content .pro-list .list-1 .pro-name{box-sizing:border-box}
.ie .products-content .pro-list .list-1 .pro-name a{width:100%;display:block}
.ie .feedbackForm tbody{width:850px}
.ie .feedbackForm table input{width:300px}
.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) input,.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) textarea,.ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) input,.ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) textarea,.ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) input,.ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) textarea{width:740px}
.ie .feedbackForm table tr td:first-of-type,.ie .filter-box .pro-type-list>ul .LiLevel1>a,.ie .filter-box .pro-type-list>ul .pro-menu>li a,.ie .filter-box .pro-type-list>ul .sub-menu>li a{display:block}
.ie .products-content .pro-list .list-1 article a{height:36px;display:block}
.ie .common-container .news-content .news-list .list-2 .news-info .news-text a,.ie .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a{height:45px;display:block}
.ie .preview-container .thumbnail-box .list ul .item img{width:80%}
.ie .home-container .hot-product ul li{margin-bottom:150px}
.ie footer .footer-container .bottom-info .intro .contact-list li img{width:20px}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a{left:20%}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{word-break:break-all;width:40%}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{width:40%}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item{border:none}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide{border:1px solid #eaeaea}
.ie10 .home-container .hot-product ul li{margin-bottom:150px}
@media (min-width:769px) and (max-width:1081px){
.home-container .about-info .about-img img{height:100%;object-fit:cover}
.contact-logo,.home-container .lastest-news ul li .news-content article,footer .footer-top .contact-left .contact-content:before{display:none}
footer .footer-top .contact-left .contact-content{width:90%;padding-top:0;margin-left:0}
footer .footer-container>ul{flex-wrap:wrap;height:auto;padding:20px 0}
footer .footer-container>ul>li{width:50%;height:140px}
footer .footer-container .bottom-info .intro{display:none}
footer .footer-container>ul>li{height:auto!important}
footer .footer-container .bottom-info{margin-top:0}
.abouts-content article .content{width:100%}
.products-content .pro-list .list-1{min-width:47%;max-width:47%}
.common-container .contact-wrapper .contact-main,.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form{margin-left:0}
.common-container .contact-wrapper .contact-main{margin-top:20px}
.common-container .contact-wrapper .contact-left{width:100%}
.common-container .contact-wrapper{flex-wrap:wrap}
.common-container .news-content .news-list .list-2{width:calc(48% - 12.5px)}
.common-container .news-content .news-list .list-2:nth-of-type(2){margin-right:0}
.pro-detail-content .pro-review{flex-wrap:wrap}
.pro-detail-content .pro-intro article{padding:30px 0 30px 0}
.pro-detail-content .pro-review .pro-preview-left{margin:0 auto}
}
@media screen and (max-width:768px){
.pro-detail-content{margin-top:50px}
}
.small-box .icon-video{width:50px;height:50px;position:absolute;top:0;right:0;cursor:pointer;z-index:33;background:url(https://rogtzcarjack.com/images/m401/blue/imgs/icon-video.png) no-repeat;background-size:40px 40px;background-position:center}
.icon-pre{width:50px;height:50px;position:absolute;top:0;right:0;cursor:pointer;z-index:33;background:url(https://rogtzcarjack.com/images/m401/blue/imgs/preview.png) no-repeat;background-size:30px 30px;background-position:center}
iframe{max-width:100%}
@media screen and (max-width:768px){
.abouts-content img,.knowledges-detail-content article img,.news-detail-content article img,.pro-detail-content .pro-intro img{height:auto!important}
}
@media screen and (max-width:500px){
.pro-detail-content .pro-intro iframe{max-height:280px}
}
.download-list{margin:0 260px;display:flex}
.download-list li{width:calc(25% - 22.5px);margin-right:30px;margin-bottom:30px}
.download-img img{max-width:100%}
.download-list .download-name{font-size:24px;text-align:center}
.download-list .download-btn{display:block;margin:0 auto;width:40%;margin-top:10px;background:#eee;text-align:center;border-radius:999px;line-height:30px}
.download-list li:nth-of-type(4n){margin-right:0}
@media screen and (min-width:2000px){
.download-list{margin:0 450px}
}
.download-list{flex-wrap:wrap}
.download-img:after{display:block;content:"";padding-top:100%}
.download-img{position:relative}
.download-img img{position:absolute;width:100%;height:100%}
.download-list .download-name{margin-top:30px}
@media (min-width:1281px) and (max-width:1520px){
.download-list{margin:0 100px}
}
.download-list{margin-top:50px}
.project-list{margin-top:50px;flex-wrap:wrap;margin:0 260px;display:flex}
@media screen and (min-width:2000px){
.project-list{margin:0 450px}
}
@media (min-width:1281px) and (max-width:1520px){
.project-list{margin:0 100px}
}
@media (min-width:960px) and (max-width:1280px){
.project-list{margin:0 100px}
}
.project-list li{width:calc(25% - 22.5px);margin-right:30px;margin-bottom:30px}
.doc-container .products-content{margin:50px 260px}
@media screen and (min-width:2000px){
.doc-container .products-content{margin:50px 450px}
}
@media (min-width:1281px) and (max-width:1520px){
.doc-container .products-content{margin:50px 100px}
}
@media (min-width:1281px) and (max-width:1520px){
.doc-container .products-content{padding:50px 100px;margin:0}
}
.doc-container .products-content{padding:50px 260px;margin:0}
@media screen and (min-width:2000px){
.doc-container .products-content{padding:50px 460px;margin:0}
}
@media (min-width:1281px) and (max-width:1520px){
.doc-container .products-content{padding:50px 100px!important;margin:0!important}
}
@font-face{font-family:addicon;src:url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAREAAsAAAAACEwAAAP3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDBgqELINwATYCJAMMCwgABCAFhFsHOhtEB8geklQhwh5IAFAACkYcD1/7/c59u1+QxJC8mYUimoli2slirRMpVbJFpv+/z80e+EBdUnNLVyxLPqloSMWp2Ul1adfMaE97EtNeoGOENP29099454GtSRTSHFu76IMlGtBY0xJugwTkPcYm2P1cI4B67sYUM3PJ2aB2ssmUgJHMqA8QF8fJIUWAkNfh1mCCUMlvOzVjvQIPFHfsmwBe/O/HH3iGEBR4ibHK/F4MCWefa794w5H/l4P0AW6dAN0LoAQkYGBlhlirty3ghLEBiahMxsXsMi4W9qjB///xeaqCv+Y/HhtEmSFrBNAjLU6KbzMJ8P2GC3Lnb6fMF3gD8I+q5r7N2XM9Bj51zfhxHF/UM5sOs5pviHttFA4K3SH/6DOs5sDjyz3xV4NPgjzkVE6OQlexDeQ3RT2Bi47b9RbJcvajIFcqxb1JN8LO5MgfPhT1LDtedNT4MnpYzVbbgXplRdyrdLiizlFCBcixbcq6nocGO9Uie3BId0g/V6lcAWi5bP3oTesttofxcAh+H58+4LTDRtyrO2SotN2jOjqD5shR3X0htxKGlvR3OI0sKXJsej6c7pR7uXZyhMu7VdrR6s8v+I5t1zIUutjuEpKd7T+0zRJMrYONys3rPQZ014Qm/yTStSjD7+9+1tqG7o4uWkEnvZaMdSy4n0zt4iPrbOPDSYVhyuvUqEiajoxyTDH82eJeXxBKBQVRoQX17nMzhimO5ayNftw5YAktLYW1VWXMau1z2ekd79Sm5xw9/rjbOcf/isUlt/n6Tfs1r0ee6x46lnFg1y+rJ+0LiwlmiVa1Rc7Rbvz06O+ImNVQ9ZSlW69Z33tsbJzyQu5xX1+Zfr+xlPoaxPvYRZj1HfTI0iqHTQC10heOoHZ6x5H+9d/AwyPvto3qwV+rZIDPdTVRvrdWhvYG1ddhC/CP5etawmbVT8plPJtX40hKekYKoN7Ug59aCk2++gteJM91CGjHiAIYIRKwQGRgTyoRcyOVCQSS6jmZnN1A2wkOVq4DutwSEosaBYINDiA44ByCC+6QePR8kvjUfCaJ4MFaTsw2cqdpRDCIxDbXYPmS0hKp5WUIkpQKMxFVUUTQosDD4oiW5QcwD1f3XDIOlSC6+whZJeXJMFJMSpcWY7Hj7IaKikqxMrq0AEkY1zyGKQt0c5OW3cRVUloMUWgIgYGQMFtqYA5JlCohdUsZBBKpVGZCKBWKEI4ur5LKxCE0Gc+FxjCjhozUI+JkJW2qrmD0tUoUTzcYUpg9LCxVDDO3JgtShLFSmItySwGkxhiuDnpEygQaNuH22spc51UUPzcuV4OxfooiUmS86+OaMiSsOiAYGVFWBgAA') format('woff2'),url(https://rogtzcarjack.com/images/m401/fonts/addicon.woff?t=1630980291735) format('woff'),url(https://rogtzcarjack.com/images/m401/fonts/addicon.ttf?t=1630980291735) format('truetype')}
.iconfont.icon-skype,.iconfont.icon-whatsapp{font-family:addicon!important}
.icon-skype:before{content:"\e713"}
.icon-whatsapp:before{content:"\e8ec"}
.mobile-bottom-item a{text-transform:capitalize}
.products-content .pro-list .list-2 .pro-info article{margin-top:15px}
.pro-detail-content .pro-review .pro-preview-right .pro-name{margin-top:10px}
.product-price{padding:10px 0 0}
.list-1 .product-price{padding:10px 20px 0}
.product-content-price{margin-bottom:10px}
.addToCart{height:46px;width:300px;border:1px solid #2b3aa1;display:flex;justify-content:center;align-items:center;margin:20px 20px 0 0;cursor:pointer;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#fff;transition-property:color;transition-duration:.3s}
.addToCart::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2b3aa1;transform:scaleY(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}
.addToCart:hover::before{transform:scaleY(1)}
.addToCart span{font-size:18px;color:#2b3aa1}
.addToCart:hover span{color:#fff}
@media(max-width:768px){
.addToCart{height:6.6666666667vw;width:40vw;margin:2vw 0}
.addToCart span{font-size:4vw}
.products-content .pro-list .list-2 .product-price span{height:auto;background:0 0;margin:0}
.product-price{padding:1vw 2.6666666667vw 0;font-size:3.2vw}
.product-content-price{font-size:3.2vw}
.products-content .pro-list .list-1 .product-price span{margin:0}
.list-1 .product-price{padding:1vw 2.6666666667vw}
}@media(max-width:768px){.pro-intro article img,.abouts-content img{height:auto!important}}

/*Index_7*/
.indnewsmodule ul{margin:0 260px;flex-wrap: wrap;display: flex;justify-content: space-between;}
.indnewsmodule ul li{width:31%;margin:15px 0}
.indnewsmodule ul li .media {display:flex}
.indnewsmodule ul li .media-left{height:78px;width:78px;background: #2b3aa1;margin-right:20px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.indnewsmodule ul li .media-body{width:calc(100% - 98px)}
.indnewsmodule ul li .media-body h6 a{font-size:16px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin:6px 0 8px;}
.indnewsmodule ul li .media:hover .media-left{background:#252525;color:#FFF}
.indnewsmodule ul li .media-left p{text-align:center;margin:0;line-height:22px;color:#FFF}
.indnewsmodule ul li .media .media-left .f-month{font-size:14px;color:#FFF}
.indnewsmodule ul li .media .media-left .f-day{font-size:28px;color:#FFF;margin-bottom: 12px;}
.indnewsmodule ul li .media .media-left .f-year{font-size:12px;color:#FFF;line-height: 1;}
.indnewsmodule ul li .media .media-body h3,#fh5co-news-list .media .media-body h6{margin-bottom:0;margin-top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px}
.indnewsmodule ul li .media .media-body h3 a,#fh5co-news-list .media .media-body h6 a{font-size:16px;color:#252525;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.indnewsmodule ul li .media:hover h6 a{color:#2b3aa1}
.indnewsmodule ul li .media .media-body p{color:grey;font-size: 14px;line-height:22px;height:44px;overflow:hidden;}
@media screen and (max-width:1520px){.indnewsmodule ul{margin:0 100px}}
@media screen and (max-width:1280px){.indnewsmodule ul{margin:0 50px}}
@media screen and (max-width:1080px){.indnewsmodule ul{margin:0 25px}}
@media screen and (max-width:1024px){.indnewsmodule ul li{width:48%;}}
@media screen and (max-width:768px){.indnewsmodule ul{margin:0 6.6666666667vw}}
@media screen and (max-width:640px){.indnewsmodule ul li{width:100%;margin:10px 0}}
/*Index_7*/@media(max-width:768px){#xyz{padding:12px 0;width:100%;margin:0;height:auto;position: static!important;}#xyz .xyz12 span{display:none}#xyz ul{display:flex!important;flex-direction: row;;flex-wrap:wrap;width:100%;padding:0 20px;box-sizing:border-box;position:static}#xyz .xyz12 ul>li{margin:0;padding:10px 0!important;width:50%;text-align:left;background:transparent;border:0;display:block!important}#xyz .xyz12 ul>li img{margin-right:4px;vertical-align:middle;display:inline-block}#xyz .xyz12 ul>li a{display: block;overflow:hidden;padding:0;font-size:13px;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-indent:0;line-height:20px;height:auto;margin:0;text-align:left}#xyz .xyz12{display:block!important;padding:0;position:static;height: auto;background: transparent;}}
@media(max-width:768px){footer .mobile-bottom{height: auto;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}footer .footer-container{padding-bottom:calc(16vw + constant(safe-area-inset-bottom));padding-bottom:calc(16vw + env(safe-area-inset-bottom))}iframe,video{max-width:100%;max-height:380px;}}@media(max-width:1441px){img{height:auto;max-width:100%;}}.products-content .pro-list .list-2 .pro-info .pro-name a{line-height: 1.3em;}#jljw_IM_GdImBox{z-index:900!important}@media screen and (max-width:768px){footer .mobile-bottom{z-index:500}header nav{z-index:999}}.sm-mask{z-index:998}@media screen and (max-width: 768px){header .header-top .top-right .search-input{z-index:999}}.compare-panel.is-bottom { bottom: calc(16vw + constant(safe-area-inset-bottom)); bottom: calc(16vw + env(safe-area-inset-bottom)); } footer .footer-container .right-text a { margin-left: 20px; }.app{font-size:16px}.app p{font-size:1em;line-height:2em}.app h4{font-size:1.5em;margin-bottom:1em}.app h5{font-size:1em;margin:1em 0}.app .app-list{display:-ms-flexbox;display:flex}.app .app-list .list-item{-ms-flex:1;flex:1}.app .app-list .list-item h4{margin-bottom:1em}.app .app-list li{padding:10px 0 10px 35px;background:url(https://rogtzcarjack.com/images/m418/images/about_li.png) no-repeat;background-position:2px}.app{font-size:16px}.app .app-box{display:-ms-flexbox;display:flex}.app .box-l{-ms-flex:3.5;flex:3.5}.app .box-l img{width:100%}.app .box-r{-ms-flex:6.5;flex:6.5}.app .box-r{padding-left:40px}.support .support-item{display:-ms-flexbox;display:flex}.support .support-item>div{-ms-flex:1;flex:1;margin-bottom:60px}.support .item-r{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.support .item-l .item-con{padding-right:66px}.support .item-r .item-con{padding-left:66px}.support .item-con{margin-top:10px}.support .item-con p{margin-top:.5em}.support .item-con h4{font-size:24px;padding-bottom:10px;margin-bottom:1em;position:relative}.support .item-con h4::after{content:'';display:block;position:absolute;top:100%;left:0;height:3px;width:40px;background-color:#b0acac}.solution .icon-list{display:-ms-flexbox;display:flex;position:relative}.solution .icon-list>div{-ms-flex:1;flex:1}.solution .icon{width:90px;height:90px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.solution .sol-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-ms-flex-align:center;align-items:center;position:relative;margin:0 6%}.solution .sol-icon:after{content:'01';font-size:90px;font-weight:700;position:absolute;top:-8px;left:50%;color:#888;opacity:.1;transform:translateX(-50%)}.solution .sol-icon:before{content:'';position:absolute;top:50%;left:100%;width:100%;height:30px;background:url(https://rogtzcarjack.com/images/m418/images/sol_line.png) no-repeat;transform:translateY(-50%)}.solution .sol-icon:nth-child(2):after{content:'02'}.solution .sol-icon:nth-child(3):after{content:'03'}.solution .sol-icon:nth-child(4):after{content:'04'}.solution .sol-icon:nth-child(4):before{display:none}.solution h4{font-size:24px;margin-bottom:1em}.solution .sol-tab .tab-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.solution .sol-tab .tab-title{padding:10px 20px;background-color:#eaeeee;color:#666;cursor:pointer;margin-right:20px}.solution .sol-tab .tab-title:hover{background-color:#b0acac;color:#fff}.solution .sol-tab .tab-title.is-active{background-color:#b0acac;color:#fff}.solution .sol-tab .tab-title:nth-last-child(1){margin-right:0}.solution .sol-tab .tab-content .content-item{display:none}.solution .tab-content{margin-top:40px}.solution .sol-box{display:-ms-flexbox;display:flex;margin-bottom:40px}.solution .sol-box>div{width:50%;-ms-flex:auto;flex:auto;padding:0}.solution .sol-box>div img{display:block;width:100%;height:auto}.solution .sol-box .box-icon{width:86px;height:86px;border-radius:50%;background-color:#b0acac;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.solution .sol-box .box-icon>img{width:40px;height:auto}.solution .sol-box .con{background-color:#f3f3f3;padding:4%;box-sizing:border-box}.solution .sol-box .con-top{display:-ms-flexbox;display:flex;margin-bottom:20px}.solution .sol-box .con-top p{margin-left:30px;margin-top:10px;font-size:24px;line-height:1.3em}.applic-list ul{display:flex;flex-wrap:wrap;margin:0 -10px}.applic-list ul li{width:33.3333%;margin-bottom:20px;padding:0 10px;box-sizing:border-box}.applic-list .applic-name{padding:10px 0;display:block;text-align:center;color:#222;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.applic-list .applic-img img{display:block;width:100%;height:auto}.support-item-img{margin-bottom:20px}.support-item-img img{width:100%;height:auto}.ck-add{padding-top:20px}.ck-add .cp .cp-img img{width:100%;height:auto}.ck-add .cp{display:flex}.ck-add .cp>div{width:50%}.ck-add .cp-con{padding-left:40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.ck-add .cp-con h4{font-size:22px;font-weight:700;line-height:1.2em;margin-bottom:14px}.ck-add .ps-img{margin-bottom:20px}.ck-add .ps-img img{width:100%;height:auto}.ck-add .ps-con p{line-height:1.8em;margin-bottom:20px}.ck-add .ti{display:flex;flex-wrap:wrap;align-items:center}.ck-add .ti .ti-tit{white-space:nowrap;font-size:22px;font-weight:700;color:#222;padding:20px}.ck-add .ti .ti-con{flex:1}.ck-add .ti .ti-img{width:100%;margin:10px 0}.ck-add .ti .ti-img img{width:100%;height:auto}.ck-add .dh-con h4{text-align:center}.ck-add p{margin-bottom:20px;line-height:1.6em;color:#222}.ck-add h4{font-size:22px;margin-bottom:20px;font-weight:700;color:#222}.ck-add ul{padding-left:20px}.ck-add ul li{position:relative;color:#6e6e6e;list-style:disc}.ck-add .ce-list{display:flex}.ck-add .ce-list>div{flex:1}.ck-add .ce-list img{width:100%;height:auto}.ck-add .ce-list{margin:0 -10px}.ck-add .ce-list .ce-item{padding:0 10px;box-sizing:border-box}.ck-add .ho .ho-item{display:flex}.ck-add .ho .ho-item img{display:block;margin:0 auto}.ck-add .ho .l .ho-left,.ck-add .ho .r .ho-right{flex:4}.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left{display:flex;flex-direction:column;justify-content:center;flex:6;padding:0 20px;box-sizing:border-box}.ck-add .ho .ho-title{font-weight:700}.ck-add .ho .ho-con{margin-top:30px}.ck-add .ca-img img{width:100%;height:auto}.ck-add .ca-img{margin-bottom:20px}.ck-add .rd .rd-img-list{display:flex}.ck-add .rd .rd-img{padding:0 10px;margin-bottom:20px}.ck-add .rf .rf-con img{float:left;margin-right:30px}.ck-add .cm-img img{width:100%;height:auto}.ck-add .cm-img{margin-bottom:20px}.ck-add .cv img{float:right}.ck-add .ch-item{display:flex}.ck-add .ch-item>div{width:50%}.ck-add .ch-item.r{flex-direction:row-reverse}.ck-add .ch-con{display:flex;padding:20px;box-sizing:border-box;flex-direction:column;justify-content:center}.ck-add .pe .pe-con .pe-img{float:right}.ck-add .pe ul li img{margin-top:0!important}.ck-add .pe ul li{list-style:none}.ck-add .pe ul{padding-left:0}@media screen and (max-width:768px){.applic-list ul li{width:50%}.applic-list .applic-name{font-size:14px}.ck-add .cp{flex-direction:column}.ck-add .cp>div{width:100%}.ck-add .ce-list{flex-wrap:wrap}.ck-add .ce-list>div{width:100%;flex:none}.ck-add .cp-con{padding-left:0;margin-top:20px}.ck-add .ho .ho-con{margin-top:0}.ck-add .ho .ho-item{display:block}.ck-add .ho .ho-title{margin:10px 0}.ck-add .rd .rd-img-list{flex-direction:column}.ck-add .rd .rd-img{padding:0}.ck-add .ch-item.l,.ck-add .ch-item.r{flex-direction:column}.ck-add .ch-item>div{width:100%}}.app,.solution,.applic-list,.support{padding-top:20px}header nav ul .submenu{flex-wrap: wrap;align-items: center;height:auto;min-height:100px}@media screen and (max-width:768px){.app,.case,.solution,.support{padding:10px 0}.applic-list{padding:6vw 0}.app .app-box,.app .app-list{flex-direction:column}.app .box-l{margin-bottom:1em}.app .box-r{padding-left:0}.app .list-item{margin-bottom:1em}.how-to-use ul>li{width:100%}.case ul>li{width:50%;padding:0 2vw}.case ul{margin:0 -2vw}}@media screen and (max-width:1500px){.solution .tab-content{margin-top:10px}.solution .sol-box{flex-direction:column}.solution .sol-box>div{width:100%}.solution .icon-list{flex-wrap:wrap}.solution .icon-list>div{flex:auto}.solution .sol-icon{width:50%;margin:0;margin-bottom:4vw}.solution .sol-icon:before{display:none}.solution .sol-tab .tab-list{flex-wrap:wrap}.solution .sol-tab .tab-title{width:100%;margin-right:0;margin-bottom:10px}.solution .sol-box .box-icon{width:65px;height:65px}.solution .sol-box .con-top p{margin-top:0;margin-left:16px}}@media screen and (max-width:1000px){.support .support-item{flex-direction:column}.support .support-item img{width:100%}.support .item-l .item-con{padding-right:0}.support .item-r .item-con{padding-left:0}.support .support-item>div{margin-bottom:8vw}.support .item-con h4{font-size:20px}}@media screen and (max-width:768px){.abouts-content{padding:0 4vw}.ck-add .ch-con{padding:10px 0}.abouts-content article .content,.abouts-content article .title,.abouts-content article p,.app p,.solution p,.support p{line-height:1.6em}.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left{padding:10px 0}.ck-add .ce-list>div{width:50%}}.addToCart.is-active{background:#2b3aa1;}.addToCart.is-active span{color:#fff;}