@import url('https://fonts.googleapis.com/css?family=Passion+One|Candal|Anton|Lato:300i,400,600');
:root{
    --background-color: #488cff;
    --background-color-hover:#647eff;
    --color-primary:#488cff;
    --color-primary-hover:#488cff;
    --color-gray: #999;
    --border-background-color:#ecf5ff;
    --background-color-red: #f84545;
}

[v-cloak] {display: none;}
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400,600');*/

html,body,h1,h2,h3,h4,h5,p,ul,li,a,dl,dt,dd{font-family: 'Open Sans', sans-serif,Arial, "Helvetica Neue", Helvetica;font-size: 16px;margin: 0;padding: 0;color: #555;line-height: 26px}
h1,h2,h3,h4,h5,h6{font-family: "Candal", sans-serif,Arial, "Helvetica Neue", Helvetica, sans-serif;}
ul,ul li,dl,dt,dd{list-style: none;}
a,a:hover{text-decoration: none;}
a:visited{color: #555}
.sidebar a:visited{color: #fff}
a:focus,a:link,a:active,a:visited{text-decoration:none!important;}
a.btn:visited{color: #fff}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body{margin-top: 80px;background-color: #F6F6F6}
h1,h2,h3,h4,h5{font-weight: bolder}
/*主色*/
/*{color: #d48d1a}*/

::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#F0F0F0}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:6px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

::-webkit-scrollbar{width:10px;height:2px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:horizontal{background-color:black}
::-webkit-scrollbar-track-piece{background:#F0F0F0}
::-webkit-scrollbar-thumb:horizontal{background-color:#8E8E8E;border-radius:6px}
::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:horizontal{background-color:#535353}
::-webkit-scrollbar-resizer:horizontal{background-color:#FF6E00}


h1,h2{font-size: 24px;font-weight: 400;line-height: 36px}
strong{font-weight: 600}
/*公共*/
/*.btn{line-height: 26px;}*/
.btn-primary{background-color: #4285f4;color: #fff;border-color:#4285f4; }
.btn-primary:hover{border-color: #4285f4;background-color:#4285f4 }
.btn-green:hover,.btn-primary:hover{color: #fff!important;background-color: #E49920;border-color: #E49920;}
.btn-primary:visited{color: #fff}
a:focus{text-decoration: none}
.breadcrumb a:hover,a:hover{color: #a70000}
.breadcrumb{background-color: transparent;padding:0 0 10px 0;margin-bottom: 0;}

.clear{clear: both;}
/*.btn-green.big,.btn-lg{line-height: 42px;border-radius: 42px;font-size: 18px!important;padding:0 30px}*/
.btn-green:visited{color: #fff}
.price{color: #cc0000;}
.italic{font-style: italic;}



.clear{clear: both;overflow: hidden;}
img.scale-img,.scale-img img{-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform: .5s ease;
    will-change: transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
img.scale-img:hover,.scale-img a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

@font-face{font-family:"antfont"; /* Project id 735649 */src:url('../font/iconfont.woff2?t=1714917190486') format('woff2'),url('../font/iconfont.woff?t=1714917190486') format('woff'),url('../font/iconfont.ttf?t=1714917190486') format('truetype'),url('iconfont.svg?t=1714917190486#antfont') format('svg');}
.antfont{font-family:"antfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ant-shangchuan:before{content:"\e62b";}
.ant-xiazai2:before{content:"\e627";}
.ant-shanchu:before{content:"\e628";}
.ant-shangchuantupian:before{content:"\e629";}
.ant-excel:before{content:"\e617";}
.ant-excel1:before{content:"\e8a6";}
.ant-ppt:before{content:"\e618";}
.ant-pdf:before{content:"\e652";}
.ant-PDF:before{content:"\e6c3";}
.ant-ppt1:before{content:"\e6c4";}
.ant-WORD:before{content:"\e641";}
.ant-PPT:before{content:"\e649";}
.ant-excel2:before{content:"\e619";}
.ant-excel-ext:before{content:"\e620";}
.ant-word:before{content:"\e716";}
.ant-word1:before{content:"\e805";}
.ant-pdf1:before{content:"\e621";}
.ant-PDF1:before{content:"\e626";}
.ant-jiazai:before{content:"\e699";}
.ant-fl-renminbi:before{content:"\e635";}
.ant-zhuye:before{content:"\e614";}
.ant-icon3:before{content:"\e67f";}
.ant-zuanshi:before{content:"\e634";}
.ant-erweima:before{content:"\e742";}
.ant-vip:before{content:"\e647";}
.ant-VIP:before{content:"\e68e";}
.ant-shuju:before{content:"\e70c";}
.ant-gantanhao:before{content:"\e710";}
.ant-anquanzhuye:before{content:"\e64f";}
.ant-ai-out:before{content:"\e644";}
.ant-xinlangweibo:before{content:"\e66e";}
.ant-xiazai:before{content:"\e624";}
.ant-xiazai1:before{content:"\e611";}
.ant-youtube1:before{content:"\e60e";}
.ant-banxing:before{content:"\e60d";}
.ant-youxiang:before{content:"\e672";}
.ant-linkedin:before{content:"\e697";}
.ant-dianhua:before{content:"\e632";}
.ant-daohang:before{content:"\e640";}
.ant-shijian:before{content:"\e610";}
.ant-laji:before{content:"\e690";}
.ant-shouji01:before{content:"\e623";}
.ant-pc:before{content:"\e665";}
.ant-jia:before{content:"\e6fe";}
.ant-jian:before{content:"\e62e";}
.ant-cuowu1:before{content:"\e637";}
.ant-cuowu2:before{content:"\ecf0";}
.ant-check:before{content:"\e686";}
.ant-xiazai3:before{content:"\e604";}
.ant-gouwu:before{content:"\e68c";}
.ant-weibiaoti46:before{content:"\e63c";}
.ant-icon:before{content:"\e66c";}
.ant-diannaoshouji01:before{content:"\e674";}
.ant-sudu:before{content:"\e61d";}
.ant-tuandui:before{content:"\e655";}
.ant-Google:before{content:"\e616";}
.ant-jiemiansheji:before{content:"\e602";}
.ant-widget:before{content:"\e613";}
.ant-gou:before{content:"\e650";}
.ant-gou1:before{content:"\e6b0";}
.ant-haiba:before{content:"\e60b";}
.ant-whatsapp1:before{content:"\e6b5";}
.ant-whatsapp:before{content:"\ea07";}
.ant-xingxing1:before{content:"\e646";}
.ant-jiantouright:before{content:"\e603";}
.ant-in:before{content:"\e61f";}
.ant-map:before{content:"\e60f";}
.ant-down:before{content:"\e600";}
.ant-top:before{content:"\e601";}
.ant-jiaotong:before{content:"\e60c";}
.ant-fanhui1:before{content:"\e669";}
.ant-dollar:before{content:"\e6c8";}
.ant-meiyuan:before{content:"\eb1a";}
.ant-qingdan:before{content:"\e615";}
.ant-zhusuxinxi:before{content:"\e63d";}
.ant-canju:before{content:"\e61c";}
.ant-tupian:before{content:"\e64a";}
.ant-view:before{content:"\e689";}
.ant-hangcheng:before{content:"\e8a1";}
.ant-cuowu:before{content:"\e605";}
.ant-iconforbidden:before{content:"\e609";}
.ant-xingxing:before{content:"\e642";}
.ant-sanjiao:before{content:"\e65a";}
.ant-gouhao1:before{content:"\e656";}
.ant-google-plus:before{content:"\e63a";}
.ant-google:before{content:"\e645";}
.ant-twitter:before{content:"\e872";}
.ant-pinterest:before{content:"\e6e1";}
.ant-youtube:before{content:"\e744";}
.ant-facebook:before{content:"\e725";}
.ant-instagram:before{content:"\e608";}
.ant-iphone:before{content:"\e638";}
.ant-dianzan:before{content:"\e612";}
.ant-time:before{content:"\e6be";}
.ant-youjiantou:before{content:"\e658";}
.ant-email:before{content:"\e60a";}
.ant-dian:before{content:"\ec1e";}
.ant-user:before{content:"\e643";}
.ant-fanhui:before{content:"\e63b";}
.ant-caidan:before{content:"\e606";}
.ant-ditu:before{content:"\e648";}
.ant-pinglun:before{content:"\e727";}
.ant-sousuo:before{content:"\e651";}
.ant-xin:before{content:"\e61a";}
.ant-chakan:before{content:"\e6d5";}
.ant-gouxuan:before{content:"\e61b";}
.ant-gouhao:before{content:"\e633";}
.ant-guanbi:before{content:"\e676";}
.ant-right:before{content:"\e625";}
.ant-guanbi1:before{content:"\e654";}
.ant-tel:before{content:"\e622";}
.ant-qq:before{content:"\e607";}
.ant-wechat:before{content:"\e6f2";}
.ant-fuwu:before{content:"\e6e4";}
.ant-code:before{content:"\e61e";}
.ant-xiangshang:before{content:"\e639";}

.fz24{font-size: 24px}
.fz18{font-size: 18px}




.navbox.nav{background-color: #fff;height: 48px;position: fixed;top:0;left: 0;right: 0;z-index: 99;border-bottom: 2px solid #4285f4;
    box-shadow: 0 0 4px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.14);
}
.navbox.nav .logo img{height: 32px;}
.navbox.fixed{background-color: #fff;box-shadow:0 0 28px 0 rgba(0,0,0,.3);transition: background ease-out .5s;position: fixed;top:0;}
.nobanner .navbox{box-shadow:0 0 28px 0 rgba(0,0,0,.3);}
.navbox.fixed{right: 0;left: 0;z-index: 9}
.navbox.nav .container{width: 100%;padding: 0 20px}

.navbox .container{position: relative;}
.logo span{font-family: "Candal", sans-serif,Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold;font-size: 26px;line-height: 48px;vertical-align: middle}
.logo .pic{color:#4285f4}
.logo .compress{color:#16D585 }

.navpan{height:48px;}
.navpan >li{display: inline-block;line-height: 48px;position: relative;margin: 0 0;float: left;}
.navpan >li a{font-size: 14px;font-weight: 400;transition: all ease-out .5s;display: block;line-height: 48px;padding: 0 22px;color: #333;}
.navbox.fixed .navpan li>a{color: #555;text-shadow: 0 0 0 #fff}
.navbox.fixed .navpan li>a:hover{color: #BA9B86}

.navpan li.nav-logo{width: 0;overflow: hidden;transition: all ease-out .5s;height: 48px}

.navpan li.drop-down{background-position: right 34px;}
.navpan li.drop-down ul{position: absolute;top:46px;left:50%;background-color: #fff;border-radius: 4px;float: none;height: auto;width: 180px;margin-left:-90px;display: none;box-shadow: 0 4px 12px 0 rgba(0,0,0,.3);border-top: 2px solid #4285f4;z-index: 99999}
.navpan li.drop-down ul.small{width: 150px;left: -10px}
.navpan li.drop-down ul:after{content: '';position: absolute;top:-7px;left:50%;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #4285f4;margin-left: -8px}
/*二级菜单*/
/*.navpan li.drop-down ul li{display: block;float: none;line-height: 40px;padding: 0;margin: 0;border-bottom: 1px solid #eee;}*/
/*.navpan li.drop-down ul li:last-child{border-bottom: none;}*/
/*.navpan li.drop-down ul li a{line-height: 40px;padding: 0;text-shadow: none;color: #333;padding: 0 15px;text-align: center;width: auto;text-align: left;}*/
/*.navpan li.drop-down ul li a:hover{background-color:#4285f4;color: #fff}*/
/*.navpan li.drop-down:hover ul{display: block;}*/
/*.navpan li.drop-down ul li a:before{content:"\e658";font-family:"antfont";font-size: 11px;margin-right: 5px}*/
.navpan li.drop-down ul{padding: 10px 0;}
.navpan li.drop-down ul li{display: block;float: none;padding: 0;margin: 0;}
.navpan li.drop-down ul li.divider{margin: 8px 0;}
.navpan li.drop-down ul li:last-child{border-bottom: none;}
.navpan li.drop-down ul li a{line-height: 26px;text-shadow: none;color: #333;padding: 0 15px;width: auto;text-align: left;}
.navpan li.drop-down ul li a:hover{background-color:#4285f4;color: #fff}
.navpan li.drop-down:hover ul{display: block;}
.navpan li.drop-down ul li a.red{color: #ff0000}

.navpan li.drop-down:before{content: "\e65a";font-family: 'antfont';color: #333;position: absolute;right: 10px;top:20px;display: inline-block;width: 10px;height: 10px;font-size: 16px;line-height: 10px}
.navbox.fixed li.drop-down:before,.nobanner .navbox li.drop-down:before{color: #333}
.navbox.fixed li.nav-logo{width: auto;}
.navbox.fixed li.nav-logo img{height: 60px}
.navbox.fixed li.nav-logo a{padding: 0}

.navpan li.drop-down .red a{color: #ff0000}

.navbox.fixed ul>li a:hover,.nobanner .navbox ul>li a:hover{color: #555}
.navpan li a.btn-link{background-color: #fa9200;color: #fff;border-radius: 0;border:none;padding: 0 12px}
.navpan li a.btn-link:hover{background-color: #d48d1a;color: #fff;text-decoration: none;}
.navbox.fixed a.btn-link,.nobanner .navbox a.btn-link{border-color: #d48d1a;margin-left: 12px}
.navbox.fixed a.btn-link{background-color:#a70000;border-color: #d48d1a;}
.navbox.fixed li>a.btn-link{color: #fff}
.navbox.fixed a.btn-link:hover,.nobanner .navbox a.btn-link:hover{color: #fff;border-color: #d48d1a}

.navpan > li.made{position: absolute;right: 15px;top:0;}
.navpan > li.made a{float: left;padding: 0 10px;font-size: 24px;}
.navpan > li.made a:hover{color: #FDDB01}
.cart-num{position:absolute;top:5px;right:-5px;width:24px;height:24px;border-radius:24px;color:#fff;font-style:normal;display:inline-block;font-size:12px;line-height:24px;background-color:#ff0036;min-width:24px;text-align:center;}


.navpan li.drop-down .wide{width: 600px}
.navpan li.drop-down ul.wide li{float: left;}
.navpan li.drop-down ul.wide:after{left: 25%}

.navpan.fixed li.drop-down ul{border-top: 2px solid #a70000}
.navpan.fixed li.drop-down ul:after{border-bottom: 7px solid #a70000}

.gotop{width:50px;height:50px;text-align:center;margin-bottom:10px;display:block;cursor:pointer;border-radius:50%;background:#4285f4;box-shadow:0 0 8px 0 rgba(0,0,0,.2);transition:all .3s ease-out;position: fixed;right: 20px;bottom: 20px;z-index: 5;}
.gotop:before{content:"\e639";font-family:"antfont"!important;color: #fff;line-height: 50px;}
.gotop:hover{ background:#222;}



.footer{overflow: hidden;}
.footer-link{padding:20px 0;}
.footer-link h5{color: #fff;margin-bottom: 10px}
.footer-link ul li a,.footer-link p{color: #999;}
.footer-link a{margin-right: 10px}
.footer-link ul li a:hover,.links a:hover{color: #d48d1a}
.footer-copyright{padding:10px 0;background-color: #eee;}
.footer-copyright *,.footer-copyright a:visited{color: #999;text-align: center;}
.footer-copyright span{margin-left: 10px;display: inline-block;}
.footer-copyright a:hover{color: #d48d1a}
.links a,.links{color: #999}






.to_tab{padding: 0 20px;height: 40px;position: relative}
.to_tab ul{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: nowrap;height: 40px;position: absolute;left: 20px;top:2px}
.to_tab ul li{line-height: 40px;margin-right: 2px}
.to_tab ul li a{padding: 0 10px;background-color: #fff;line-height: 40px;display: block;font-size: 14px;font-weight: bolder}

.file_box{border: 1px solid #F2F2F2; box-shadow: 0 5px 16px -2px rgba(42, 115, 217, 0.2);background-color: #fff;min-height: 280px;margin-bottom: 20px}

.drop{position: relative;}
.drop_box{margin: 20px}
.drop_caption_border{height: 150px;width: 100%;
    stroke: #b5cef2;
    stroke-dasharray: 10 10;
    stroke-dashoffset: 0;
    stroke-width: 2px;}
.drop_caption_text{line-height: 150px;font-size: 24px;color: #b5cef2;text-align: center;position: absolute;left:50px;top:0;right: 50px;bottom: 50px;}


.btn_box{text-align: center;padding-top: 20px}
.btn_upload{background-color: var(--background-color);color: #fff;border-radius: 6px;line-height: 35px;display: inline-block;font-size: 16px;padding: 0 15px;
    cursor: pointer;margin-right: 15px;position: relative;border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;}
.btn_upload i,.btn_clear i{margin-right: 5px;font-size: 18px;}
.btn_upload:hover{background-color: var(--background-color-red);color: #fff;}
.btn_clear{background-color: var(--background-color-red);color: #fff;cursor: pointer}
.btn_box{display: flex;align-items: center;justify-content: center}
.btn_box .btn{line-height: 40px;height: 40px;padding-top: 0;padding-bottom: 0;border-radius: 4px;margin-right: 10px}
.btn_box .btn:last-child{margin-right: 0}
.output_size{color: #00b42a}

.leve_box{width: 380px;display: flex;justify-content: center;align-items: center;border: 2px solid #488CFF;border-right: none;border-top-left-radius:4px;border-bottom-left-radius: 4px; height: 40px}
.leve_box .demonstration{display: inline-block; font-size: 14px;margin-bottom: 0!important;}
.leve_box .demonstration+.el-slider {float: right;width: 40%;margin-left: 10px }

#file{opacity: 0;position: absolute;top:0;left: 0;font-size: 0;display: block;z-index: 9;width: 100%;height: 100%;cursor: pointer}
.preview{font-size: 0;width: 50px;height: 50px;position: relative;overflow: hidden;cursor: pointer}
.preview img{width: 100%;height: 100%;object-fit: cover;vertical-align: middle}
.preview .mask{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%; cursor: pointer; background-color: rgba(0, 0, 0, 0.6);text-align: center;}
.preview .mask svg{width: 20px;fill: #fff;vertical-align: middle;margin: 0 auto}
.preview:hover .mask{display: flex}

.table_box{margin:20px}

.compare_layer{display: none}
.compare_layer.show{width: 100vw;height: 100vh;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 2000;-webkit-user-select: none;user-select: none;background-color: #fff;
    background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%), linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;display: block}

.compare_box{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%)}
/*.vci-slider .line{background:#000!important}*/
/*.vci-slider .handle{background:#000!important;}*/
.vci-container{position: absolute;top:0;left:0;right: 0;bottom:0;height: 100%}
.compare_btns{position: absolute;top:20px;right: 20px;display: flex;}
.compare_btns span{background-color: #fff;align-items: center;justify-content: center; width: 32px;border: 1px solid #ddd;border-radius: 2px;display: block;height: 32px;line-height: 28px;text-align: center;vertical-align: middle;cursor: pointer;margin-left: 10px}
.left-label,.right-label{background-color: #fff;border-radius: 4px;padding:0 4px!important;font-size: 14px!important;line-height: 30px}
.left-label{left: 10px!important;top:10px!important}
.right-label{right: 10px!important;top:10px!important}
.left-image{height: auto!important;}


.lang-box{position: absolute;top:50%;right: 10px;margin-top: -17px}
.lang-box .dropdown-menu{right: 0}

.to_box h1{text-align: center;margin-bottom: 15px}
.to_box .desc{margin-bottom: 20px}

.desc-box h1,.desc-box h2,.desc-box h3,.desc-box h4,.desc-box h5,.desc-box h5,.to_box h2{margin-bottom: 15px}
.desc-box{margin-bottom: 20px}
.desc-box ol{margin-bottom: 0}

.btn_download{position: relative}
.button_counter { position: absolute;top: 0;right: 0;transform: translate(55%, -35%); font-size: 0.85em; font-weight: 700; width: 24px; height: 24px;
    line-height: 20px; text-align: center; background-color: #38404B; border: 2px solid #fff; color: #fff; border-radius: 50%; box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.6);}
.table_box a{color: #0b6cbc}
.table_box a:hover{color: #ff0000}
button[disabled]{cursor: not-allowed}

.fe_box{gap:30px;display:grid;grid-template-columns:repeat(3,1fr);}
.fe_cr_row{gap:30px;display:flex;margin:0 auto;}
.fe_row_box{flex:1 1 0;max-width:344px;min-width:128px;}
.fe_row_box_cr{display:flex;flex-direction:column;}
.fe_box_icon{text-align:center;margin-bottom:6px;}
.fe_box_icon svg{width:64px;height:64px;fill:#488CFF}
.fe_box_title h3{text-align:center;font-size:22px;margin-bottom:20px}
.fe_box_desc p{font-size:16px;text-align:center;}

.lang-box{position: relative;}
.lang-box button svg{fill: #488CFF!important;}
.lang-box button:hover svg,.lang-box.active button svg{fill: #fff!important;}
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px){
    .navbox.nav .logo span{font-size: 18px;}
    .navbox{position: fixed;background-color: #fff;height: 50px;top:0;right: 0;left: 0;z-index: 99}
    .navbox .logo img{height: 50px}
    .header{position: fixed;z-index: 99;right: 0;left: 0;top:0;background-color: #fff;box-shadow:0 0 28px 0 rgba(0,0,0,.1);}
    .header .logo img{height: 50px;margin-left: 15px}
    .navbar-toggle .icon-bar{border: 1px solid #000}
    .sidebar{background-color: #000; color: #fff; min-width: 300px; width: 300px;position: fixed;right:0;top:0;bottom:0;z-index: 999;height: 100%!important}

    .sidebar{padding: 15px;right: 0;
        -webkit-transition: -webkit-transform .4s ease;
        -ms-transition: -ms-transform .4s ease;
        transition: transform .4s ease;
        -webkit-transform: translate3d(300px,0,0);
        -moz-transform: translate3d(300px,0,0);
        -ms-transform: translate3d(300px,0,0);
        -o-transform: translate3d(300px,0,0);
        transform: translate3d(300px,0,0);
    }
    .sidebar .closed{color: #fff;position: absolute;font-size: 28px;top: 10px;right: 10px;line-height: 30px;cursor: pointer;}
    .sidebar.open{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        display: block;right: 0;}
    .sidebar,.sidebar *{color: #fff}
    .sidebar ul li{line-height: 50px;border-bottom: 1px solid #1A1A1A}
    .sidebar a{display: block;line-height: 50px;}
    .mask{background-color: rgba(0,0,0,.6);position: fixed;top:0;right: 0;bottom: 0;left: 0;z-index: 99;cursor: pointer;}
    .sidebar.open{overflow-y: scroll;-webkit-overflow-scrolling: touch;}
    /*手机子菜单*/
    .sidebar-down{position: relative;}
    .sidebar-down:after{content:"\e658";font-family: 'antfont';position: absolute;right: 10px;top: 5px;font-size: 12px;}
    .sidebar-down ul{display: none;padding-left: 20px;}
    .sidebar-down ul li,.sidebar-down ul li a{line-height: 40px;}


    .slogo img{height: 40px}
    button{box-shadow:none;}

    .navbox .logo{position:absolute;left:10px;top:0;}
    .navbox .logo span{line-height: 48px;font-size: 18px;padding-left: 10px}


    #hrnav{display: none}
    .sidebar .third-box{border-top-color: #333}
    .mulogin{margin-bottom: 15px;text-align: center}
    .mulogin a.abtn,.mulogin{float: none;}
    .mulogin a.abtn{display: inline-block}


    .check-list{display: -webkit-box;display: -moz-box;}
    .check-list .form-group{box-flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;}
    .check-list #id{width: 100%;}
    .check-list .btn{box-flex: 0;  -webkit-box-flex: 0;-moz-box-flex: 0;}

    .table-bordered,.table-bordered *{font-size: 14px;}
    .table>tbody>tr>td{vertical-align: middle;}
    .table img{max-width: 100%}

    .site-header .fa-search{padding: 0 30px}
    .site-header .domain{left: 20px;top:0;line-height: 24px;right: auto}


    .wxapp-qrcode{width: 80%}
    .wxapp-qrcode.visible{display: block!important;top:50%;right: 50%;transform: translate(50%,-50%);}
    .container .wxapp-qrcode{position: relative;top:auto;right: auto;transform:translate(0,0);display: block!important;margin: 0 auto}
    .wxapp-ico{top: auto;bottom: 90px}

    .layer-mask{background-color: rgba(0,0,0,.5);position: fixed;top:0;right: 0;left:0;bottom: 0;display: none}
    .layer-mask.visible{display: block}

    .wxapp-qrcode .close-text{border: 2px solid #fff;color: #fff;}
    .wxapp-qrcode .close-box:before{background: #fff;}

    .btn_box i{display: none}
    .btn_box button,.btn_box label{font-size: 14px}
    .fe_box{gap:15px;grid-template-columns: repeat(2,1fr);}
    .fe_box_title h3{font-size: 18px;margin-bottom: 10px}
    .fe_box_desc p{font-size: 14px;line-height: 22px}
    .to_box .leve_box h2{margin-bottom: 0}
    .drop_caption_text{font-size: 18px;line-height: 30px;top:50%;left: 10px;right: 10px;transform: translateY(-50%)}

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px){

}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
    .container {width: 980px;}
    .navbox.nav .logo{display: block;height: 48px;}
    .logo{float: left;}

    .lj-box .col-md-3{text-align: center;width: 100px!important;}
}

@media (min-width: 1600px)
{
    /*.container {width: 1200px;}*/
}