@charset "utf-8";
/* =====================鍐呴〉鏍峰紡======================== */
#spotlight{background:rgba(0,0,0,.8)!important;z-index:99999999999!important}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/pages/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1}
.char-inde{text-indent:2em}

/* 瑙嗛寮圭獥 */
.popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}

/* 鍒嗛〉 */
.paging{width: 100%;font-size: 0;text-align: center;margin-top:50px;user-select: none;}
.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 44px;height: 44px;line-height: 44px;border: 1px solid #f3f3f3;margin: 5px;font-size: 18px;color: #555;transition: all .4s ease;border-radius: 50%;background-color: #fff}
.paging-menu a:first-child, .paging-menu a:last-child{width: 110px;border-radius: 30px}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #0063b4;background-color: #0063b4;color: #fff;}
.paging-skip{margin-left: 8px;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #0063b4;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #0063b4;color: #fff;border-color: #0063b4;}
.paging-hint span{color: #0063b4;}
@media all and (max-width:1279px) {.paging{margin-top: 44px;}}
@media all and (max-width:1000px) {.paging{margin-top: 36px;}.paging-menu a{margin: 4px 2px;font-size: 16px}.paging-skip{width: 100%;margin-left: 0;}}
@media all and (max-width:640px) {.paging{margin-top: 30px;}.paging-menu a{margin: 2px;font-size: 14px;width:35px;height: 35px;line-height: 35px}.paging-menu a:first-child, .paging-menu a:last-child{width: 64px}}
/* 鎼滅储椤甸潰 */
.search{width: 100%;padding: 80px 0;}
.search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;}
.search-info span{color: #0063b4;}
.search-list{width: 100%;margin-top: 30px;}
.search-link{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #f0f0f2;}
.search-link h2{font-size: 20px;color: #333;line-height: 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.search-link p{width: 100%;font-size: 16px;margin-top: 16px;color: #666;line-height: 26px;max-height: 52px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.search-link .highlightRow span{color: #0063b4 !important;}
.search-link:hover h2{color: #0063b4;}
@media all and (max-width:1599px) {.search{padding: 70px 0;}.search-info{font-size: 26px;}.search-link{padding: 28px 0;}.search-list{margin-top: 18px;}}
@media all and (max-width:1279px) {.search{padding: 60px 0;}.search-info{font-size: 24px;}.search-link{padding: 24px 0;}.search-list{margin-top: 12px;}}
@media all and (max-width:1000px) {.search{padding: 40px 0;}.search-info{font-size: 20px;}.search-link{padding: 20px 0;}.search-list{margin-top: 8px;}.search-link h2{font-size: 18px;}.search-link p{margin-top: 12px;}}

/* common */
.com-block{overflow:hidden}
.com-banner{position:relative;overflow:hidden}
.com-banner-txt{width:100%;height:calc(100% - 62px);position:absolute;left:0;top:0}
.com-banner-txt .contain{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.com-banner-txt.lft .contain{align-items:flex-start}
.com-banner-txt h1{color:#fff;font-weight:700;font-size:38px;line-height:1}
.com-banner-txt p{color:#fff;font-size:16px;margin-top:20px;text-align:center}
.com-banner-txt a{display:flex;align-items:center;justify-content:center;width:142px;height:42px;border-radius:4px;color:#fff;margin-top:30px;transition:all .4s ease;line-height:1;border:1px solid #fff}
.com-banner-txt a:hover{color:#0f357a;background:#fff}
.com-banner-bg{width:100%;object-fit:cover;animation:zoom-bg 2s linear both;z-index:-1;max-height:400px}
.com-menu-out{height:50px}
.com-banner-menu ul{display:flex;height:100%;justify-content:center}
.com-banner-menu,.com-banner-menu .contain,.com-banner-menu li{height:100%}
.com-banner-menu.fixed{position:fixed;top:80px;left:0;width:100%;z-index:999;background:#fff;height:50px}
.com-banner-menu{z-index:1;border-bottom:1px solid #eaeaea}
.com-banner-menu a{display:flex;align-items:center;height:100%;color:#666;font-size:16px;transition:color .4s ease;justify-content:center;border-bottom:0;margin-right:30px;border-bottom:2px solid transparent}
.com-banner-menu a.active{color:#000;border-bottom-color:#0063b4}
.com-banner-menu a:hover{color:#000}
.com-tit{font-size:38px;font-weight:700;color:#333;line-height:1}
.com-tit.white{color:#fff}
.com-tip{font-size:16px;line-height:26px;color:#777;margin-top:26px;max-width:1070px;text-align:justify;text-indent:2em}
.com-tip p{line-height:inherit}
.com-tip.max{max-width:1070px}
.com-tit.center{text-align:center}
.com-tit.center+.com-tip{margin-left:auto;margin-right:auto}

/* news */
.news-menu{width: 100%;font-size: 0;text-align: center;margin-bottom:40px}
.news-menu a{display: inline-block;vertical-align: middle;font-size: 35px;color: #000;position: relative;height: 68px;margin: 0 32px;transition: all .4s ease;}
.news-menu a::after{content: "";position: absolute;width: 0;bottom: 0;right: 0;height: 3px;background: #0063b4;transition: all .4s ease;}
.news-menu a.active{font-weight: 700;color: #000 !important;cursor: default;}
.news-menu a.active::after{right: auto;left: 0;width: 100%}
.news-menu a:hover{color: #0063b4;}
.news-list{padding:62px 0 100px;background:#f6f6f6}
.news-list.bg_white{background:#fff}
.news-list-header{display:flex;background:#fff;border-radius:6px;overflow:hidden}
.news-list-header-l{width:49%}
.news-list-header-l img{width:100%;object-fit:cover}
.news-list-header-r{width:51%;padding:60px 110px 0 80px}
.news-list-header-time{display:flex;align-items:center;color:#ccc;font-family:DINCond;flex-wrap:wrap}
.news-list-header-time span{display:inline-block;line-height:1;font-size:76.5px;padding:0 10px 20px;position:relative;font-weight:700}
.news-list-header-time span:after{content:'';width:100%;height:3px;background:#0063b4;position:absolute;bottom:0;left:0}
.news-list-header-time h4{font-size:20px;line-height:1;margin-left:6px}
.news-list-header-time em{font-style:normal;display:block;margin-top:10px;line-height:1}
.news-list-header-r h3{color:#333;font-weight:700;font-size:22px;margin:26px 0 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-list-header-r p{color:#737373;font-size:14px;line-height:24px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:48px}
.news-list-header-r a{margin-top:30px;border-radius:3px;overflow:hidden;width:150px;height:42px;font-size:16px;color:#111;border:1px solid #111;display:flex;justify-content:center;align-items:center;transition:all .4s ease}
.news-list-header-r a:hover{background:#df1c17;color:#fff;border-color:#df1c17}
.news-list-main{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:14px}
.news-list-main:after{content:'';width:32%}
.news-list-main a{width:32%;display:block;margin-top:32px;border-radius:8px;overflow:hidden}
.news-list-pic{height:270px;width:100%;overflow:hidden}
.news-list-pic img{width:100%;height:100%;object-fit:cover;transition:all .8s ease}
.news-list-main a:hover img{transform:scale(1.04)}
.news-list-info{background:#fff;height:294px;padding:36px}
.news-list-info h3{color:#383838;font-size:22px;line-height:30px;max-height:60px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;transition:all .4s ease}
.news-list-main a:hover h3{color:#0063b4}
.news-list-info p{font-size:15px;line-height:22px;color:grey;height:44px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:14px}
.news-list-info span{display:flex;align-items:center;color:#444;font-size:16px;margin-top:50px;transition:all .4s ease}
.news-list-main a:hover span{color:#0063b4}
.news-list-info span i{display:block;background:url(../images/pages/arrow-rgt-blue.png) no-repeat center/100%;width:13px;height:13px;margin-right:10px;transition:all .4s ease}
.news-list-main a:hover i{transform:translateX(3px)}
.news-style-list a{
    display: flex;
    align-items: center;
    padding: 26px 0;
}
.news-style-list a:nth-child(odd){
    background: #f8f9fa;
}
.news-style-list a .time{
    width: 15%;
    text-align: center;
    font-size: 15px;
}
.news-style-list a .title{
    font-size: 16px;
    color:#444;
    width: 75%;
    transition: color .4s ease;
    padding-right:3%;
}
.news-style-list a span{
    width: 10%;
    font-size: 16px;
    color: #444;
    display: flex;
    align-items: center;
    transition: color .4s ease;
}
.news-style-list a span i{
    display:block;background:url(../images/pages/arrow-rgt-blue.png) no-repeat center/100%;width:13px;height:13px;margin-right:10px;transition:all .4s ease
}
.news-style-list a:hover .title,.news-style-list a:hover span{
    color: #0063b4;
}
.news-style-list a:hover span i{
    transform: translateX(3px);
}

/* 鏂伴椈璇︽儏 */
.article{background:#f5f5f5;padding:110px 0 102px;overflow:hidden}
.article .contain{display:flex;justify-content:space-between}
.article .art-cont{background:#fff;width:70%;padding:58px 40px;overflow:hidden;border-radius: 8px}
.article .art-cont h1{color:#333;font-size:28px;font-weight:700;line-height:38px}
.article .art-cont .title-info{font-size:12px;color:#888;font-weight:300;padding-left:30px;height:20px;line-height:20px;background:url(../images/pages/news_icon.png) no-repeat left center;margin:30px 0 38px}
.article .art-cont video{display:block;max-width:100%;margin:0 auto}
.article .art-cont .main-content p{font-size:14px;line-height:26px;color:#888}
.article .art-cont .main-content img,.article .art-cont .main-content video{max-width:100%;height:auto;/*object-fit:cover;display:block;margin:0 auto*/}
.article .art-cont .main-content video{width:100%;object-fit:contain;height:500px;background:#000}
.article .art-bott{margin-top:50px;display:flex;justify-content:space-between;padding-bottom:50px;margin-bottom:34px;border-bottom:1px solid #f0f0f0;align-items:center}
.article .art-bott .art-btn{display: flex;align-items:center;justify-content: center;width:134px;height:42px;font-weight: bold;color: #111;border-radius: 3px;transition: all .4s ease;border:1px solid #111}
.article .art-bott .art-btn:hover{border-color:#e31d19;color:#fff;background:#e31d19}
.article .social-share-icon{width:37px;height:37px;border:1px solid #c2c2c2;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.article .social-share-icon:not(:first-child){margin-left:20px}
.article .arc-nav a{position:relative;display:block;font-size:14px;color:#666;padding-left:15px;transition:all .4s ease;font-weight:700}
.article .arc-nav a:hover{color:#0063b4}
.article .arc-nav a:after{content:'';width:7px;height:7px;background:#a0a0a0;border-radius:50%;top:8px;left:0;position:absolute;transition:all .4s ease}
.article .arc-nav a:hover:after{background:#0063b4}
.article .arc-nav a:not(:first-child){margin-top:20px}
.art-sidebar{width:26.5%;height:100%}
.art-sidebar .cell{background:#fff;height:100%;padding:32px 38px 60px;overflow:hidden;border-radius:8px}
.art-sidebar .cell .side-prod-com picture img{max-width:100%}
.art-sidebar .cell .side-prod-com .info{padding-left:0;padding-right:0;padding-bottom:0}
.art-sidebar .cell+.cell{margin-top:20px}
.art-sidebar .cell .tit{font-size:22px;font-weight:700;color:#333}
.side-art-com li{padding-top:20px;margin-top:20px;border-top:1px solid #f1f1f1}
.side-art-com li:last-child{padding-bottom:20px;border-bottom:1px solid #f1f1f1}
.side-art-com a .time{display:block;font-size:12px;color:#888;}
.side-art-com h3{font-size:16px;color:#333;line-height:26px;margin-top:16px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:52px}
.side-art-com a:hover h3{color:#0063b4;text-decoration:underline}
/*鍒嗕韩*/
#toShare .icon-wechat{position:relative}
#toShare .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
#toShare .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
#toShare .icon-wechat .wechat-qrcode.bottom:after{display:none}
#toShare .icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
#toShare .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
#toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
#toShare .icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0}
#toShare .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
#toShare .icon-wechat:hover .wechat-qrcode{display:block}

/* 鑱旂郴鎴戜滑 */
.contact{padding:66px 0 100px}
.contact-intro{padding-bottom:78px;border-bottom:1px solid #ddd}
.contact-intro ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}
.contact-intro li{width:31%;margin-top:50px}
.contact-intro h3{font-size:22px;color:#333;line-height:1;padding-bottom:20px;border-bottom:1px solid #ddd}
.contact-intro p{font-size:16px;line-height:26px}
.contact-intro .phone{font-size:24px;color:#777;line-height:1;margin-bottom:15px}
.contact-intro h3+.phone{margin-top:20px}
.contact-intro h3+p{margin-top:26px}
.sns-list{display:flex;align-items:center;margin-top:40px}
.sns-list a{display:block;position:relative}
.sns-list a+a{margin-left:30px}
.sns-list-icon{width:28px;transition:all .4s ease}
.sns-list a:hover .sns-list-icon{transform:scale(.9)}
.sns-list a:hover .sns-qr-code{opacity:1;visibility:visible}
.sns-qr-code{transition:all .4s ease;opacity:0;visibility:hidden;position:absolute;width:80px;height:80px;padding:5px;background:rgba(0,0,0,.5);z-index:2;left:-22px;top:30px}
.sns-qr-code img{width:100%;height:100%;object-fit:cover}
.contact-intro-qr{max-width:100%;object-fit:cover;display:block;margin-top:10px}
.arr-btn{font-size:15px;color:#777;display:flex;align-items:center;margin-top:20px;transition:all .4s ease}
.arr-btn:hover{color:#333}
.arr-btn i{display:block;background:url(../images/pages/arrow-rgt-gray.png) no-repeat center/100%;width:5px;height:10px;margin-left:10px;transition:all .4s ease}
.arr-btn:hover i{transform:translateX(5px)}
.contact-msg{padding-top:90px}
.msg-main{background:#fafafa;margin-top:44px;padding:60px 80px;display:flex;flex-wrap:wrap;border-radius:6px;overflow:hidden;justify-content:space-between}
.contact-inline{width:49%;margin-bottom:35px}
.contact-inline.msg{width:100%}
.contact-inline h6{font-size:16px;color:#333;line-height:1;margin-bottom:12px}
.contact-inline h6 span{padding-left:4px;color:#e71212}
.contact-inline input,.contact-inline textarea{height:52px;width:100%;background:#fff;border-radius:4px;padding:0 23px;border:1px solid #eaeaea;transition:all .4s ease}
.contact-inline input:focus,.contact-inline textarea:focus{background:#fff;border-color:#0063b4;box-shadow:0 2px 18px 0 rgba(0,99,180,.27)}
.contact-inline textarea{padding:23px;height:169px}
.contact-inline textarea::placeholder{color:#959595}
.contact-msg-bott{display:flex;align-items:flex-end;width:100%}
.contact-msg-bott .contact-inline{margin-bottom:0}
.contact-code-pic{height:52px;max-width:210px;margin-left:10px;border-radius:2px;overflow:hidden}
.contact-code-pic img{width:100%;height:100%;object-fit:cover}
.contact-msg-bott .submit-btn{width:152px;height:52px;color:#fff;font-weight:700;font-size:16px;border-radius:4px;overflow:hidden;margin-left:auto;background:#0063b4;display:flex;justify-content:center;align-items:center;transition:all .4s ease;border:1px solid #0063b4}
.contact-msg-bott .submit-btn:hover{background:#fff;color:#0063b4;box-shadow:0 2px 18px 0 rgba(0,99,180,.27)}

/* 瑙ｅ喅鏂规 */
.solution-list{padding:140px 0 110px}
.solution-list-main{display:flex;flex-wrap:wrap;justify-content:center;margin-top:40px}
.solution-list-main a{display:block;position:relative;border-radius:6px;overflow:hidden;z-index:1;width:32%;margin-top:20px;height:426px;margin-left:1%!important}
.solution-list-main a:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);z-index:0;transition:all .6s ease;opacity:0;visibility:hidden}
.solution-list-main a:hover:after{opacity:1;visibility:visible}
.solution-list-main a:before{content:"";height:60%;width:100%;position:absolute;left:0;background:linear-gradient(0deg,rgba(0,0,0,.4) 0,transparent 100%);bottom:0;z-index:0}
.solution-list-main a img{width:100%;object-fit:cover;transition:all .8s ease;height:100%}
.solution-list-txt{position:absolute;width:100%;padding:0 30px 40px;bottom:0;left:0;transition:all .8s ease;z-index:1}
.solution-list a:hover .solution-list-txt{transform:translateY(-60px)}
.solution-list a:hover img{transform:scale(1.1)}
.solution-list-txt h3{color:#fff;font-size:22px;font-weight:700;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.solution-list-txt p{font-size:15px;line-height:22px;color:#fff;margin-top:10px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:44px}
.solution-list-txt span{display:flex;font-size:16px;width:142px;height:42px;color:#fff;border-radius:4px;align-items:center;justify-content:center;position:absolute;bottom:-42px;left:30px;transition:all 1s ease;border:1px solid #fff}
.solution-list-main a:hover span{bottom:-16px}
.solution-list-txt span:hover{background:#e51c17;color:#fff;border-color:#e51c17}

/* 鍔犲叆鎴戜滑 */
.jobs{padding:80px 0 100px}
.jobs-select{display:flex;justify-content:space-between;margin-top:30px;padding:0 164px}
.jobs-select-item{width:31%}
/* 涓嬫媺 */
.customSelect{display: block;width: 100%;position: relative;user-select: none}
.customSelect-name{display: flex;align-items: center;position: relative;border-radius: 5px;border: 1px solid #ddd;padding: 0 14px;font-size: 14px;color: #000;cursor: pointer;height:46px;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:0 22px;font-size:16px;color:#555;}
.customSelect-name::after{content: "";position: absolute;width: 12px;height: 12px;right: 14px;top: 50%;margin-top: -8px;background: url('https://js.szmynet.net/file/arrD.svg') no-repeat;}
.customSelect-drop{display: none;position: absolute;z-index: 10;width: 100%;top: 46px;max-height: 200px;border: 1px solid #ddd;border-top: none;overflow-x: hidden;overflow-y: auto;left: 0;background: #f2f2f2;cursor: pointer;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.customSelect-drop li{padding: 0 14px;height: 40px;position: relative;display: flex;align-items: center;width: 100%;font-size: 14px;color: #000;transition: all .4s ease;}
.customSelect-drop li::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #fff;}
.customSelect-drop li:last-child::after{display: none;}
.customSelect-drop li:hover, .customSelect-drop li.active{background: #dadfe5;color: #000;}
.customSelect-drop::-webkit-scrollbar {width: 2px;height: 4px;}
.customSelect-drop::-webkit-scrollbar-thumb {background: #7a8896;}
.customSelect-drop::-webkit-scrollbar-track {background: #fff;}
.customSelect-name.noRadius{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.customSelect-name.noRadius::after{transform: rotate(180deg);}
.jobs-select-item h6{color:#919191;font-size:14px;line-height:1;margin-bottom:14px;width:100%}
.jobs-select-item select{width:100%;background:url(../images/pages/select-arrow.png) no-repeat right 14px center/10px auto}
.jobs-select-item input{width:75%;height:46px;border:1px solid #ddd;border-right:0;padding:0 22px;font-size:16px;color:#555;border-top-left-radius:4px;border-bottom-left-radius:4px}
.jobs-select-item .jobs-submit{display:flex;align-items:center;justify-content:center;background:#e51c17;color:#fff;border-top-right-radius:4px;border-bottom-right-radius:4px;width:25%;font-size:16px;transition:all .4s ease}
.jobs-select-item .jobs-submit:hover{background:#b71914}
.jobs-select-item form{display:flex}
.jobs-list{margin-top:86px}
.jobs-item{padding:22px 70px 22px 40px;display:flex;border-bottom:1px solid #ececec;cursor:pointer}
.jobs-item:first-of-type{border-top:1px solid #ececec}
.jobs-item.jobs-header{padding:0 70px 30px 40px;border-top:0;cursor:default}
.jobs-tit{width:10%;color:#555;font-size:16px}
.jobs-item.jobs-header .jobs-tit{font-weight:700}
.jobs-tit:nth-child(1){width:27.5%}
.jobs-tit:nth-child(2){width:20%}
.jobs-tit:nth-child(3){width:18%}
.jobs-tit:nth-child(4){width:18%}
.jobs-tit span{display:block;width:90%}
.jobs-arrow{width:6.5%;text-align:right}
.jobs-arrow i img{transition:all .4s ease}
.jobs-arrow i.on img{transform:rotate(180deg)}
.jobs-item-cont{background:#f8f8f8;padding:70px 40px 82px;display:none}
.jobs-item-cont h4{font-weight:700;font-size:18px;color:#333;margin-bottom:10px}
.jobs-item-cont p{font-size:14px;line-height:28px;color:#666}
.jobs-item-cont a{display:flex;align-items:center;justify-content:center;width:150px;height:42px;border:1px solid #111;border-radius:2px;margin-top:26px;color:#111;font-size:16px;transition:all .4s ease}
.jobs-item-cont a i{display:block;background:url(../images/pages/jobs-icon.png) no-repeat center/100%;width:18px;height:17px;margin-right:8px;transition:all .4s ease}
.jobs-item-cont a:hover{background:#111;color:#fff}
.jobs-item-cont a:hover i{width:0;margin:0}

/* 鍏充簬鎴戜滑 */
.about-intro{padding:86px 0 116px}
.about-intro .contain{display:flex;justify-content: space-between}
.about-intro-txt{width:50%}
.about-intro-pic{width: 43.5%}
.about-intro-pic img{width:100%}
.about-intro-txt p{font-size:15px;line-height:28px;color:#777}
.about-intro-txt .com-tit{margin-bottom: 36px}
.about-data{display:flex;margin-top:58px}
.data-item{width:25%;text-align:center}
.data-num{font-family:DINCOND;font-size:26px;color:#0063b4;line-height:1}
.data-num span{font-size:60px}
.data-desc{font-size:16px;line-height:26px;color:#666;margin-top:10px}
.about-honor{padding:96px 0;background:#efefef}
.honor-main{margin-top:36px}
.honor-main .swiper-wrapper{padding-bottom:50px}
.honor-main .swiper-pagination-bullet{width:10px;height:10px;border:2px solid #cdcdcd;background:0 0;transition:all .4s ease;opacity:1}
.honor-main .swiper-pagination-bullet-active{border-color:#0063b4;background:#0063b4}
.about-honor a{display:block;background:#fff;border-radius:6px;overflow:hidden}
.honor-pic{display:flex;align-items:center;justify-content:center;padding:38px 0 30px;height:342px;position:relative}
.honor-pic:after{content:'';width:52px;height:52px;border-radius:50%;left:50%;top:50%;background:#e52621 url(../images/pages/zoom.png) no-repeat center/23px;position:absolute;transform:translate(-50%,-50%) scale(0);transition:all .5s ease;opacity:0;visibility:hidden}
.about-honor a:hover .honor-pic:after{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.honor-pic img{max-width:80%;max-height:100%}
.honor-txt{height:60px;text-align:center}
.honor-txt h3{font-size:16px;line-height:24px;color:#333;width:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto}
.about-course{padding:110px 0 150px}
.about-course .contain{position:relative}
.about-course .com-tit{position:absolute;left:0;top:0}
.course-item{text-align:center}
.course-item span{font-size:500px;line-height:1;color:#f3f3f3;font-family:DINCond;position:relative;margin-top:-82px;display:block}
.course-txt-inner{overflow:auto;height:80px}
.course-txt-inner::-webkit-scrollbar{width:5px;height:100%;background:#e5e5e5;border-radius:10px}
.course-txt-inner::-webkit-scrollbar-thumb{background:#727272;border-radius:30px}
.course-txt-inner::-webkit-scrollbar-track{border-radius:30px}
.course-txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:0 124px}
.course-txt h4{font-size:60px;color:#333;font-family:DINCond;line-height:1;margin-bottom:20px}
.course-txt p{font-size:16px;line-height:26px;color:#777}
.timer-dot{position:relative;margin-top:70px;padding:0 90px 0 70px}
.fz-next,.fz-prev{position:absolute;top:-18px;z-index:1;width:45px;height:45px;transition:all .4s ease}
.fz-prev{left:5%}
.fz-next{right:5%;transform:rotate(180deg)}
.fz-next:hover,.fz-prev:hover{opacity:.7}
.fz-next img,.fz-prev img{width:100%;height:100%;object-fit:cover}
.timer-dot:after{content:'';position:absolute;top:4px;left:-50%;height:1px;background:#e9e9e9;width:200%}
.timer-list{display:flex;align-items:flex-start;justify-content:center;cursor:pointer;flex-wrap:wrap;position:relative;width:20%}
.pre-line{position:absolute;top:4px;width:100%;height:1px;left:50%;opacity:0;z-index:0}
.pre-line:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#003586;animation-fill-mode:both;animation-duration:4s;animation-timing-function:linear}
.timer-list.active .pre-line{opacity:1}
.timer-list:last-child .pre-line{display:none}
.timer-list.active .pre-line:after{animation-name:line_1}
.timer-list .dot{width:8px;height:8px;border-radius:50%;line-height:8px;text-align:center;background-color:#909090;transition:all .3s ease-out;z-index:1}
.timer-list.active .dot{background-color:#003586}
.line-cont{width:100%;color:#909090;text-align:center;display:block;margin-top:10px;line-height:24px;font-size:20px;transition:all .4s ease;font-family:DINCond}
.timer-list.active .line-cont{color:#003586}
@keyframes line_1{0%{width:0%} 100%{width:100%} }
.timer-next,.timer-prev{position:absolute;top:-18px;z-index:1;width:45px;height:45px;transition:all .4s ease}
.timer-prev{left:0}
.timer-next{right:0;transform:rotate(180deg)}
.timer-next:hover,.timer-prev:hover{opacity:.75}
.timer-next img,.timer-prev img{width:100%;height:100%;object-fit:cover}

/* 璐ㄩ噺 */
.quality{padding:100px 0}
.quality-list{margin-top:50px}
.quality-item{display:flex;position:relative;flex-wrap:wrap;justify-content:space-between}
.quality-item:not(:first-of-type){margin-top:48px}
.quality-item:nth-child(even){justify-content:flex-end}
.quality-item:nth-child(even) .quality-txt{right:unset;left:0}
.quality-pic{width:69%;border-radius:6px;overflow:hidden}
.quality-pic img{width:100%;object-fit:cover}
.quality-txt{position:absolute;right:0;bottom:0;width:38%;display:flex;flex-direction:column;justify-content:center;height:432px;background:#fff;box-shadow:0 10px 18px 0 rgba(91,91,91,.14);padding:0 60px}
.quality-txt h3{color:#333;font-size:26px;line-height:1;font-weight:700}
.quality-cont{margin:10px 0 30px}
.quality-txt p{font-size:16px;color:#777;line-height:24px}
.quality-txt a{display:flex;justify-content:center;align-items:center;width:150px;height:42px;color:#111;font-size:16px;border:1px solid #111;border-radius:3px;transition:all .4s ease}
.quality-txt a i{background:url(../images/pages/download-icon-black.png) no-repeat center/100%;width:21px;height:23px;display:block;margin-right:10px;transition:all .4s ease}
.quality-txt a:hover{background:#e51c17;border-color:#e51c17;color:#fff}
.quality-txt a:hover i{background-image:url(../images/pages/download-icon.png)}
.quality-time{display:flex;align-items:center;justify-content:flex-end;margin-top:44px;font-size:16px}
.quality-time i{display:block;background:url(../images/pages/time-icon.png) no-repeat center/100%;width:16px;height:16px;margin-right:8px}

/* 鎶€鏈敮鎸 */
.support{padding:90px 0}
.support .contain{display:flex;justify-content:space-between}
.support-lft{width:66.5%}
.support-lft .prod-detail-nav{position:relative;margin:0 0 40px;top:auto;left:auto;align-items:center}
.prod-detail-nav .Header-search-item{margin-left:auto;width:200px}
.prod-detail-nav .Header-search-item input[type="text"],.prod-detail-nav .Header-search-item button{height:34px}
.support-rgt{width:26.5%}
.support-item{display:block}
.support-item h3{color:#333;font-weight:700;font-size:25px;transition:color .4s ease}
.support-item:hover h3{color:#0063b4}
.support-item .time{color:#707473;font-size:13px;background:#f7f8f9;display:inline-block;border-radius:4px;padding:3px 9px;margin-top:16px}
.support-item .txt{margin-top:30px}
.support-item .txt p{font-size:15px;color:#666;line-height:26px}
.support-item .more{color:#444;font-size:16px;line-height:1;display:flex;align-items:center;margin-top:30px;transition:color .4s ease}
.support-item:hover .more{color:#0063b4}
.support-item .more i{display:block;background:url(../images/pages/arrow-rgt-blue.png);width:13px;height:13px;margin-right:10px;transition:all .4s ease}
.support-item:hover i{transform:translateX(3px)}
.support-item+.support-item{margin-top:34px;padding-top:34px;border-top:1px solid #eee}
.support-item img{display:block;max-width:100%}
.support-rgt h2{font-weight:700;font-size:24px;color:#333;line-height:1}
.support-rgt .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:4px}
.support-rgt .list a{display:block;width:48.5%;margin-top:18px}
.support-rgt .list picture{display:block;overflow:hidden;border-radius:4px}
.support-rgt .list picture img{width:100%;object-fit:cover;transition:all .8s ease}
.support-rgt .list a:hover picture img{transform:scale(1.04)}
.support-rgt .list a p{font-size:16px;font-weight:700;color:#333;margin-top:10px;line-height:1;transition:color .4s ease}
.support-rgt .list a:hover p{color:#0063b4}

/* 瑙嗛 */
.sup-list{margin-top:-20px}
.sup-list a{display:block;width:32%;height:200px;position:relative;overflow:hidden;margin-top:20px;color:#fff;border-radius:5px}
.sup-list a:before{
    content: "";
    height: 24%;
    width: 100%;
    position: absolute;
    left: 0;
    background: linear-gradient(0deg,rgba(0,0,0,.4) 0,transparent 100%);
    bottom: 0;
    z-index: 0;
}
.sup-list a:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 0;
    transition: all .6s ease;
    opacity: 0;
    visibility: hidden;
}
.sup-list a:hover:after{
    opacity: 1;
    visibility: visible;
}
.sup-list a .title{display:block;width:100%;padding:10px;font-size:14px;color:#fff;position:absolute;left:0;bottom:0;height:42px;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;display:block;text-overflow:ellipsis;-webkit-box-orient:vertical;z-index:3}
.sup-list a:hover img{transform:scale(1.04)}
.sup-list a:hover svg{opacity:.5}
.sup-list svg{position:absolute;left:50%;top:calc(50% - 10px);transform:translate(-50%,-50%);z-index:2;transition:opacity .4s ease;z-index:3}

/* 瑙ｅ喅鏂规-璇︽儏 */
.has-crumbs .com-banner-txt{margin-top:62px}
.has-crumbs .crumbs{width:100%;position:fixed;height:62px;background:rgba(0,0,0,.2);z-index:9999;transition:background .4s ease}
.has-crumbs .crumbs.gray{background:#787878}
.has-crumbs .crumbs .contain{height:100%;display:flex;align-items:center}
.crumbs ul{display:flex;align-items:center}
.crumbs ul li{color:#fff;line-height:1;font-size:14px}
.crumbs ul li a:not(.crumbs-home){display:inline-block;padding:4px 6px;transition:background-color .4s ease;border-radius:30px}
.crumbs ul li a:not(.crumbs-home):hover{background:rgba(0,0,0,.4)}
.crumbs ul li+li{padding-left:4px;margin-left:4px}
.crumbs ul li .crumbs-home{margin-right:6px;display:block}
.crumbs .crumbs-home i{display:block;background:url(../images/common/sm-logo.png) no-repeat center/100%;width:18px;height:18px}
.crumbs .crumbs-arrow{display:block;background:url(../images/pages/crumbs-arrow.png) no-repeat center/100%;width:6px;height:11px}
.solution-detail-top{padding:140px 0 92px}
.solution-item-main{display:flex}
.solution-item-main-l{width:63%;padding-top:25.644%}
.solution-item-main-r{width:37%;background:#f3f3f3;display:flex;flex-direction:column;justify-content:center;padding:50px 65px;transition:background-color .4s ease;cursor:pointer}
.solution-item.active .solution-item-main-r{background:#0063b4}
.solution-item-main-r h3{font-size:38px;font-weight:700;line-height:1;margin-bottom:20px;color:#353533;transition:color .4s ease}
.solution-item-main-r p{font-size:16px;line-height:26px;color:#777;transition:color .4s ease;text-indent:2em}
.solution-item.active .solution-item-main-r h3,.solution-item.active .solution-item-main-r p{color:#fff!important}
.solution-item-main-r .open{display:flex;align-items:center;color:#444;font-size:16px;line-height:1;margin-top:70px;transition:all .4s ease}
.solution-item-main-r .open:not(.active):hover{opacity:.7}
.solution-item-main-r .open i{background:#fff url(../images/common/arrU.svg) no-repeat center/12px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;margin-right:14px}
.solution-item-main-r .open.active,.solution-item.active .solution-item-main-r .open{color:#fff}
.solution-item-main-r .open.active i,.solution-item.active .solution-item-main-r .open i{transform:rotate(180deg)}
.solution-item-sub{padding:52px 0 70px;display:none}
.solution-item+.solution-item{margin-top:80px}
.solution-item.active+.solution-item{margin-top:0}
.solution-item-sub a{display:block;border-radius:4px;overflow:hidden;border:1px solid #f5f5f5;transition:box-shadow .4s ease}
.solution-item-sub .swiper-container{width:calc(100% + 40px);padding:20px 20px 0;margin-left:-20px}
.solution-item-sub a:hover{box-shadow: 0 2px 24px 0 rgba(0,0,0,.14)}
.solution-item-sub a picture{height:285px;width:100%;background:#f7f7f7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.solution-item-sub a picture img{max-width:90%;max-height:90%;height:auto;object-fit:cover;transition:all .8s ease}
.solution-item-sub a:hover picture img{transform:scale(1.04)}
.solution-item-sub a .info{padding:36px}
.solution-item-sub a .info h3{font-size:18px;line-height:1;font-weight:700;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .4s ease}
.solution-item-sub a:hover .info h3{color:#0063b4}
.solution-item-sub a .info p{font-size:15px;line-height:24px;color:#777;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:48px;margin-top:14px}
.solution-item-sub a .info span{display:flex;line-height:1;color:#444;font-size:14px;margin-top:40px}
.solution-item-sub a .info span i{display:block;background:url(../images/pages/arrow-rgt-blue.png);width:13px;height:13px;margin-right:10px;transition:all .4s ease}
.solution-item-sub a:hover .info i{transform:translateX(3px)}
.solution-item-sub .swiper-pagination{font-size:0;bottom:0}
.solution-item-sub .swiper-wrapper{padding-bottom:40px}
.solution-item-sub .swiper-pagination-bullet{width:10px;height:10px;background:0 0;border:2px solid #cdcdcd;opacity:1}
.solution-item-sub .swiper-pagination-bullet-active{background:#0063b4;border-color:#0063b4}
.solution-item-sub .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
.swiper-button-next{right:-60px}
.swiper-button-prev{left:-60px}
.solution-item-sub .mb-tips{font-size:12px;margin-top:20px;display:none}

/* 浜у搧涓績 */
.product{padding:66px 0 100px;width:100%;overflow:unset!important}
.product .contain{width:100%;padding:0 75px}
.prod-side{width:270px;height:100%;position:sticky;top:90px;z-index:2}
.prod-side.fixed{position:sticky;top:90px}
.prod-side-child li,.prod-side-item{position:relative}
.prod-side i{display:block;width:50px;height:66px;position:absolute;right:0;top:0;cursor:pointer;transition:all .4s ease}
.prod-side i:after{content:'';left:50%;background:url(../images/pages/prod-side-arrow.png) no-repeat center/100%;width:9px;height:13px;top:50%;position:absolute;transform:translate(-50%,-50%);transition:all .2s ease}
/*.prod-side i:hover{background-color:#e6e6e6}*/
.prod-side .on1 .side-1+i:after{background:url(../images/pages/arr-b.png) no-repeat center/100%;transform:translate(-50%,-50%);width:14px;height:8px}
.prod-side-list{border:1px solid #e6e6e6;border-top:0;overflow:auto;max-height:calc(85vh - 78px)}
.prod-side-list::-webkit-scrollbar{width:2px;height:100%;background:#ddd}
.prod-side-list::-webkit-scrollbar-thumb{background:#0063b4;border-radius:30px}
.prod-side-list::-webkit-scrollbar-track{border-radius:30px}
.prod-side-item{border-top:1px solid #e6e6e6}
.side-1{padding:0 38px;height:66px;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#555;transition:all .4s ease;background-color:#fff;font-weight:700}
.prod-side .on1 .side-1,.prod-side-item:hover .side-1{color:#fff;background:#0063b4}
.prod-side-item:not(.on1):hover .side-1+i:after{background-image:url(../images/pages/prod-side-arrow-w.png)}
.prod-side-child li+li{margin-top:10px}
.side-2{padding:0 44px;font-size:15px;color:#666;display:flex;justify-content:space-between;align-items:center;transition:all .4s ease}
.side-2+i{height:30px!important}
.side-2+i:after{opacity:.5}
.prod-side .on2 .side-2,.side-2:hover,.prod-side .on3 a{color:#0063b4}
.prod-side .on2 .prod-side-sun{display:block}
.prod-side-child{background:#f9f9f9;display:none;border-top:1px solid #e6e6e6;padding:22px 0 34px}
.prod-side-item.on1 .prod-side-child{display:block}
.prod-side-sun{padding:10px 0;display:none}
.prod-side-sun li{font-size:14px;padding:0 22px 0 80px}
.prod-side-sun li a{color:#757575;transition:all .4s ease}
.prod-side-sun li a:hover{color:#0063b4}
.prod-side .on2 .side-2+i:after{transform:translate(-50%,-50%) rotate(90deg)}
.prod-side-search{padding:24px;background:#f9f9f9;border:1px solid #f1f1f1;display:none}
.prod-side-search input{width:100%;height:38px;border:1px solid #e1e1e1;border-radius:5px;background:0 0;padding:0 15px;transition:box-shadow .4s ease}
.prod-side-search input:focus{box-shadow:inset 0 0 0 2px rgba(0,99,180,.5)}
.prod-side-search a{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:0;transition:color .4s ease}
.prod-side-search a:hover{color:#0063b4}
.prod-main{width:calc(100% - 270px);padding-left:60px}
.prod-nav{background:#fff;display:flex;position:sticky;top:80px;left:0;z-index:99999999;border-bottom: 1px solid #eaeaea;}
.prod-nav a{display:flex;align-items:center;line-height:1;height:50px;justify-content:center;width:170px;color:#444;font-weight:700;font-size:16px;transition:color .4s ease,box-shadow .4s ease;border-bottom:2px solid transparent;text-align:center}
.prod-nav a.active{color:#0063b4;border-bottom-color:#0063b4}
.prod-nav a:not(.active):hover{color:#0063b4}
.prod-nav a i{position:relative;width:20px;display:block;margin-right:7px}
.prod-nav a i img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;object-fit:cover;width:auto;height:auto;transition:all .4s ease}
.prod-nav a i .s,.prod-nav a.active i .d,.prod-nav a:hover i .d{opacity:0}
.prod-nav a.active i .s,.prod-nav a:hover i .s{opacity:1}
.prod-overview{margin-top:50px}
.prod-overview .lft{width:57%}
.prod-tit{font-size:26px;color:#333;line-height:1;font-weight:700}
.clear-all{height:39px;color:#fff;font-size:14px;border-radius:4px;overflow:hidden;margin-left:auto;margin-right:10px;background:#0063b4;display:flex;justify-content:center;align-items:center;transition:background .4s ease,color .4s ease;border:1px solid #0063b4;padding:0 15px;margin-left:auto}
.clear-all:hover{background:#fff;color:#0063b4}
.prod-overview .prod-tit{width:100%;margin-bottom:15px}
.prod-overview .lft p{color:#777;font-size:16px;line-height:28px;text-align:justify;text-indent:2em}
.prod-overview .rgt{width:33%;height:100%;overflow:hidden;border-radius:5px}
.prod-boutique{margin-top:80px}
.prod-boutique .swiper-container{padding:18px 0 0}
.prod-boutique .item{position:relative;display:block;border:1px solid #f5f5f5;border-radius:4px;padding:30px 48px 42px 35px;transition:box-shadow .4s ease;box-shadow:0 2px 3px 0 rgba(204,204,204,.2)}
.prod-boutique .item:hover{box-shadow: 0 2px 24px 0 rgba(0,0,0,.14)}
.prod-boutique .pic{height:210px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}
.prod-boutique .pic img{max-width:80%;max-height:80%;object-fit:cover;width:auto;height:auto;transition:all .8s ease}
.prod-boutique .txt h3{font-size:20px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1;color:#333;display:inline;transition:background-color .4s ease,color .4s ease}
.prod-boutique .item:hover .txt h3{color:#0063b4}
.prod-boutique .item:hover .pic img{transform:scale(1.04)}
.prod-boutique .txt p{color:#777;font-size:15px;line-height:24px;margin-top:10px;overflow: hidden;-webkit-line-clamp: 4;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;height:96px}
.prod-boutique .file{display:flex;align-items:center;color:#666;font-size:14px;line-height:1;font-weight:700;margin-top:18px}
i.file-icon{display:block;background:url(../images/pages/pdf-icon.png) no-repeat center/100%;width:23px;height:23px;margin-right:12px}
.com-tags{position:absolute;display:inline-block;top:0;left:0;font-size:12px;text-transform:uppercase;font-weight:700;color:#fff;z-index:4;border-radius:8px;padding:2px 8px;line-height:1.1}
.com-tags.hot{background:#e51c17}
.com-tags.new{background:#0063b4}
.prod-boutique .swiper-pagination{font-size:0;bottom:0}
.prod-boutique .swiper-wrapper{padding-bottom:45px}
.prod-boutique .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
.prod-boutique .swiper-pagination-bullet{width:10px;height:10px;background:0 0;border:2px solid #cdcdcd;opacity:1}
.prod-boutique .swiper-pagination-bullet-active{background:#0063b4;border-color:#0063b4}
.prod-table{margin-top:80px}
.prod-table .bg_hover{position:absolute;z-index:9999999}
.prod-table-search{width:198px;position:relative}
.prod-table-search input{width:100%;height:39px;overflow:hidden;border-radius:5px;border:1px solid #e1e1e1;padding:0 14px;transition:box-shadow .4s ease,border-color .4s ease}
.prod-table-search input:focus{border-color:transparent;box-shadow:inset 0 0 0 2px rgba(0,99,180,.5)}
.prod-table-search a{font-size:0;position:absolute;right:14px;height:100%;display:flex;align-items:center;top:0;transition:color .4s ease;color:#a4a4a4}
.prod-table-search a:hover{color:#0063b4}
.prod-table table{border-collapse:inherit;width:100%}
.prod-table table thead{position:sticky;z-index:9999999;left:0;top:0}
.prod-table table td:nth-child(1),.prod-table table th:nth-child(1){position:relative;left:0;z-index:999;border-left:0}
.prod-table table thead th{background:#f5f5f5;border:1px solid #ececec;position:sticky;top:0}
.prod-table table thead th+th{border-left:0}
.prod-table table thead th:last-child .filter{left:auto;right:0;transform:none}
.prod-table table thead th:nth-child(1){z-index:33333;border-right:1px solid #ececec}
.prod-table table thead .tit{font-size:14px;color:#555;text-align:left;min-width:70px;line-height:18px;padding:15px}
.prod-table table ._this{background:#198ee9;display:table-cell;vertical-align: bottom;border-color:rgba(255,255,255,.2)!important;z-index:9999999}
.prod-table table ._this .tit{color:#fff;font-weight:normal}
.prod-table table ._op{background:#1788e3;display:flex}
.prod-table table .sort{height:30px;width:25px;display:block;position:relative;border-right:1px solid rgba(255,255,255,.2)}
.prod-table table .sort i.asc,.prod-table table .sort i.desc{background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMGg0OHY0OEgweiIvPjxwYXRoIGQ9Im0xMyAzMCAxMi0xMiAxMiAxMiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==') no-repeat center/20px;width:100%;height:48%;top:0;left:0;position:absolute;cursor:pointer}
.prod-table table .sort i.asc:hover,.prod-table table .sort i.desc:hover{background-color:rgba(0,0,0,.2)}
.prod-table table .sort i.desc.on,.prod-table table .sort i.asc.on{background-color:#67b7f0}
.prod-table table .sort i.asc{background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMGg0OHY0OEgweiIvPjxwYXRoIGQ9Ik0zNyAxOCAyNSAzMCAxMyAxOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==') no-repeat center/20px;top:unset;bottom:0}
.prod-table table .sort.on i.desc,.prod-table table .sort.active i.asc{display:none}
.prod-table table .sort.on i.asc{display:block}
.prod-table table .tags{padding:0 0 0 10px;white-space:nowrap;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:transparent;color:#fff;display:flex;justify-content:space-between;font-weight:400;width:85%}
.prod-table table .tags i{margin-left:50px;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMGg0OHY0OEgweiIvPjxwYXRoIGQ9Im0xOSAxMiAxMiAxMi0xMiAxMiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==')no-repeat center /100%;display:block;width:20px;height:100%}
.prod-table table .tags.isOn,.prod-table table .tags:hover{background:#0063b4;color:#fff;border-color:#0063b4}
.prod-table table .filter{display:none;width:356px;padding:35px 40px;background:#fff;position:absolute;z-index:99999;left:50%;top:calc(100% + 1px);text-align:left;box-shadow:0 15px 35px 0 rgba(113,113,113,.2);border-radius:8px;max-height:300px;overflow-x:hidden;overflow-y:auto;user-select: none;transform:translateX(-50%)}
.prod-table table .filter .heading{font-size:16px;font-weight:700;line-height:1;color:#333}
.prod-table table .filter .select{margin-top:20px}
.prod-table table .filter.check .select{max-height:115px;overflow-x:auto}
.prod-table td:hover i.pdf+a{color:#0063b4}
.magic-checkbox{position:absolute;display:none}
.form-checkbox:not(:first-child){margin-top:14px}
.magic-checkbox[disabled]{cursor:not-allowed}
.magic-checkbox+label{position:relative;display:block;padding-left:30px;cursor:pointer;vertical-align:middle;font-size:14px;color:#666;font-weight:400;height:18px}
.magic-checkbox+label:before{position:absolute;top:0;left:0;display:inline-block;width:18px;height:18px;content:'';border:2px solid silver}
.magic-checkbox+label:after{position:absolute;display:none;content:''}
.magic-checkbox[disabled]+label{cursor:not-allowed;color:#e4e4e4}
.magic-checkbox[disabled]+label:after,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:hover{cursor:not-allowed}
.magic-checkbox[disabled]+label:hover:before{border:1px solid #e4e4e4}
.magic-checkbox[disabled]+label:before{border-color:#e4e4e4}
.magic-checkbox:checked+label:after{display:block}
.magic-checkbox+label:after{top:3px;left:6px;box-sizing:border-box;width:6px;height:10px;transform:rotate(45deg);border-width:2px;border-style:solid;border-color:#0063b4;border-top:0;border-left:0}
.magic-checkbox:checked+label:before{border-color:#0063b4;background:0 0}
.magic-checkbox:checked[disabled]+label:before{border:#c9e2f9;background:#c9e2f9}
.prod-table table .btn{margin-top:20px;width:120px;height:42px;background:#0063b4;font-size:14px;color:#fff;font-weight:700;border-radius:3px;transition:background-color .4s ease}
.prod-table table .btn:hover{background:#114c7f}
.slider-container{width:100%!important}
.slider-container .back-bar{height:10px;position:relative}
.slider-container .back-bar .selected-bar{position:absolute;height:100%}
.slider-container .back-bar .pointer{position:absolute;width:10px;height:10px;background-color:red;cursor:col-resize;opacity:1;z-index:2}
.slider-container .back-bar .pointer.last-active{z-index:3}
.slider-container .back-bar .pointer-label{position:absolute;top:-17px;font-size:8px;background:#fff;white-space:nowrap;line-height:1}
.slider-container .back-bar .focused{z-index:10}
.slider-container .clickable-dummy{cursor:pointer;position:absolute;width:100%;height:100%;z-index:1}
.slider-container .scale{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.slider-container .scale span{font-size:0}
.slider-container .scale ins{font-size:16px;text-decoration:none;color:#7d7d7d;line-height:1;font-weight:400}
.slider-container.slider-readonly .clickable-dummy,.slider-container.slider-readonly .pointer{cursor:auto}
.theme-green .back-bar{height:4px;background-color:#c8cacd;background-repeat:repeat-x}
.theme-green .back-bar .selected-bar{background-color:#00499f;background-repeat:repeat-x}
.theme-green .back-bar .pointer{width:15px;height:15px;top:-6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:1px solid #c0d3e8;background-color:#c9dcf1;background-repeat:repeat-x;display:flex;align-items:center;justify-content:center;z-index:1}
.theme-green .back-bar .pointer:active:before{content:'';width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;left:-4px;top:-4px;background-color:#00499f;opacity:.2;border-radius:50%}
.theme-green .back-bar .pointer:after{content:'';position:absolute;left:3px;top:3px;width:7px;height:7px;border-radius:50%;background:#00499f;display:block;z-index:-1}
.range-input{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.range-input .num{display:flex;align-items:center}
.range-input input{width:97px;height:42px;border-radius:4px;border:1px solid #d8d8d8;text-align:center;padding:5px;font-size:16px;color:#555;transition:border-color .4s ease}
.range-input input:focus{border-color:#0063b4}
.range-input span{font-size:16px;color:#555;line-height:1;padding-left:10px;font-weight:400}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
.prod-table table i.pdf{display:block;background:url(../images/pages/pdf-file.png) no-repeat center/100%;width:17px;height:18px;margin-right:12px;min-width:17px}
.prod-table table tbody td{font-size:14px;color:#555;padding:14px;border:1px solid #ececec;background:#fff;border-left:0;white-space:nowrap}
.prod-table table tbody tr+tr td{border-top:0}
.prod-table table tbody tr:nth-child(1) td{border-top:0}
.prod-table .table-out{position:relative;overflow:hidden;margin-top:26px}
.prod-table .main{border-left:1px solid #ececec;overflow:scroll;height:400px}
.prod-table table tbody td:nth-child(1),.prod-table table thead th:nth-child(1){position: sticky;left: 0;top:0}
.prod-table table thead th:nth-child(1){z-index: 99999999}
.prod-table table tbody td:nth-child(1){z-index: 999999}
.prod-material{margin-top:50px}
.prod-material .list{margin-top:-10px}
.prod-material .item{display:flex;background:#fbfbfb;position:relative;border:1px solid #f1f1f1;height:112px;width:48.5%;align-items:center;padding:0 44px 0 32px;overflow:hidden;transition:border-color .4s ease;margin-top:30px}
.prod-material .item:hover{border-color:#fbfbfb}
.prod-material .item:after{content:'';width:100%;height:2px;background:#e51c17;top:0;left:0;transform:translateY(-100%);transition:transform .4s ease;position:absolute}
.prod-material .item.news__item:after{background:#0063b4}
.prod-material .item:hover:after{transform:translateY(0)}
.prod-material .item .icon{display:block;background:url(../images/pages/pdf-gray.png) no-repeat center/100%;width:45px;height:40px}
.prod-material .item.news__item .icon{background-image:url(../images/pages/news_icon_gray.png);width:42px;height:39px}
.prod-material .item.news__item .download{background:#0063b4}
.prod-material .item .info{padding-left:25px;width:80%}
.prod-material .item h3{font-size:16px;color:#444;line-height:1;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.prod-material .item p{color:#777;font-size:14px;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px}
.prod-material .item .download{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:#e51c17;margin-left:auto;transition:box-shadow .4s ease}
.prod-material .item .download:hover{box-shadow:0 0 0 .2rem rgba(229,28,23,.2)}
.prod-material .item.news__item .download:hover{box-shadow:0 0 0 .2rem rgba(0, 99, 180,.2)}
.prod-material .item.news__item .download i{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMGg0OHY0OEgweiIvPjxwYXRoIGQ9Im0xOSAxMiAxMiAxMi0xMiAxMiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');width:20px;height:20px}
.prod-material .item .download i{display:block;background:url(../images/pages/download.png) no-repeat center/100%;width:22px;height:17px}
.prod-menu{user-select:none;position:fixed;width:32px;height:32px;text-align:center;background-color:#fff;z-index:2;border-radius:2px;display:none;border:1px solid #0063b4;z-index:999999999;align-items:center;justify-content:center;left:0}
.prod-menu span{display:block;background:url(../images/common/arrow-right-bold.svg) no-repeat center/100%;width:20px;height:20px}
.prod-menu.on span{background-image:url(../images/common/arrow-left-bold.svg)}
.prod-search-list{margin-top:20px}
.prod-search-list .list{margin-top:-20px}
.prod-search-list .item{width:24%;margin-top:20px}
.spl-page,.spl-prev,.spl-next{display:none!important}

/* 鑼冨洿閫夋嫨 */
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single,.irs--round .irs-bar{background-color:#0063b4}
.irs--round .irs-handle{border-color:#0063b4}


/* 娴嬭瘯璁惧 */
.prod-main.test .prod-overview{margin-top:0}
.prod-test-list{margin-top:54px;display:flex;flex-wrap:wrap;justify-content:space-between}
.prod-test-list .item{border:1px solid #f5f5f5;border-radius:4px;overflow:hidden;display:flex;padding:46px 36px;width:49%;box-shadow:0 2px 3px 0 rgba(204,204,204,.2);justify-content:space-between;transition:all .4s ease;box-shadow:0 2px 3px 0 rgba(204,204,204,.2)}
.prod-test-list .item:hover .pic img{transform:scale(1.04)}
.prod-test-list .item:hover{box-shadow: 0 2px 24px 0 rgba(0,0,0,.14)}
.prod-test-list .item .info{width:51.5%}
.prod-test-list .item .mode{font-size:16px;line-height:1;color:#777;margin-top:10px}
.prod-test-list .item .title{font-size:20px;font-weight:700;color:#333}
.prod-test-list .item .line{margin-top:25px;width:100%;position:relative;height:2px;background:#f6f6f6}
.prod-test-list .item .line:after{content:'';width:12%;height:100%;position:absolute;left:0;top:0;background:#0063b4;transition:width .5s ease}
.prod-test-list .item:hover .line:after{width:100%}
.prod-test-list .item p{font-size:15px;line-height:24px;color:#777;margin-top:20px}
.prod-test-list .item .btn{display:flex;align-items:center;line-height:1;color:#444;font-size:16px;margin-top:40px}
.prod-test-list .item .btn i{display:block;background:url(../images/pages/arrow-rgt-blue.png);width:13px;height:13px;margin-right:10px;transition:all .4s ease}
.prod-test-list .item .pic{width:43.5%}
.prod-test-list .item .pic img{max-width:100%;width:auto;object-fit:cover;transition:all .8s ease}
.prod-test-list .item li{color: #777;font-size: 14px;line-height: 24px;position:relative;padding-left:12px}
.prod-test-list .item ul{margin-top:20px}
.prod-test-list .item li:after{content:'';width:4px;height:4px;background:#777;position:absolute;top:10px;left:0}

/* 浜у搧璇︽儏 */
.crumbs.style2{height:61px;background:#787878}
.crumbs.fixed{top:80px;left:0;width:100%;z-index:9999}
.crumbs.style2 .contain{height:100%;display:flex;align-items:center}
.prod-detail .content{width:70%;padding:130px 49px 83px 0}
.prod-detail .content .heading .pic{width:33%;position:relative}
.prod-detail .content .heading .pic img{max-width:80%;max-height:80%;width:auto;height:auto}
.prod-detail .content .heading .info{width:67%}
.prod-detail .content .heading .info .title{font-weight:700;line-height:1;color:#333;font-size:24px}
.prod-detail .content .heading .info .desc{font-size:16px;color:#444;margin-top:10px}
.pdf-down{display:flex;align-items:center;padding:13px 20px;border:1px solid #ebebeb;margin-top:28px}
.pdf-down span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;font-size:15px;color:#666;transition:color .4s ease,background-color .4s ease;max-width:94%;line-height:1}
.pdf-down:hover span{color:#0063b4;text-decoration:underline}
.prod-detail .content .heading .info .txt{margin-top:30px}
.prod-detail .content .heading .info .txt p{font-size:16px;line-height:24px;color:#696868;text-indent:2em}
.prod-detail-in{height:100%}
.prod-detail-nav{display:flex;height:50px;margin-top:54px;border-bottom: 1px solid #eaeaea;position:sticky;width:100%;background:#fff;z-index:99;top:81px}
.prod-detail-nav i{display:block;margin-right:6px;display:none}
.prod-detail-nav a{display:flex;align-items:center;line-height:1;color:#666;font-size:16px;font-weight:700;height:100%;justify-content:center;position:relative;overflow:hidden}
.prod-detail-nav a:after{content:'';transition:all .4s ease;width:100%;height:3px;position:absolute;bottom:0;left:0;background:#0063b4;opacity:0;visibility:hidden;transform:translateY(100%)}
.prod-detail-nav a:hover,.prod-detail-nav a.active{color:#000}
.prod-detail-nav a:hover:after,.prod-detail-nav a.active:after{opacity:1;visibility:visible;transform:translateY(0)}
.prod-detail-nav a+a{border-left:1px solid rgba(255,255,255,.2);margin-left:30px}
.prod-detail .content .cell{margin-top:40px}
.prod-detail .content .cell h2{font-weight:700;font-size:22px;line-height:1;color:#333}
.prod-detail .content .cell .list{margin-top:20px;width:100%}
.prod-detail .content .cell .list td{border:1px solid #e0e0e0;padding:13px 30px}
.prod-detail .content .cell .list tr:nth-child(even){background:#f0f0f0}
.prod-detail .content .cell .list td .ok{display:flex}
.prod-detail .content .cell .list td i{display:block;background:url(../images/pages/ok-icon.png) no-repeat center/100%;width:16px;min-width:16px;height:16px;margin-right:16px;margin-top:3px}
.prod-detail .content .cell .list td{font-size:15px;color:#777}
.prod-detail-pic{display:flex;flex-wrap:wrap;justify-content:space-between}
.prod-detail-pic .item{background:#f0f0f0;width:48%;padding:40px 44px 23px;border-radius:4px}
.prod-detail-pic .item p{font-size:16px;line-height:1;color:#656565;margin-top:15px;display:none}
.prod-detail-pic .item picture{height:197px;border:2px solid #e0e0e0;background:#fff;margin-top:20px}
.prod-detail-pic .item picture img{max-width:90%;max-height:90%;object-fit:cover;width:auto}
.prod-detail-pic .item a{border-radius:4px;background:#0063b4;color:#fff;font-size:15px;font-weight:700;line-height:1;width:150px;height:42px;margin:16px auto 0;transition:box-shadow .4s ease}
.prod-detail-pic .item a:hover{box-shadow:0 0 0 .2rem rgba(0,99,180,.5)}
.prod-detail-pic .item a i{display:block;background:url(../images/pages/zoom.png) no-repeat center/100%;width:17px;height:17px;margin-right:7px}
.prod-detail .content .cell .parameter{width:100%;margin-top:20px}
.prod-detail .content .cell .parameter thead{display:none}
.prod-detail .content .cell .parameter thead tr{background:#f0f0f0}
.prod-detail .content .cell .parameter td,.prod-detail .content .cell .parameter th{border:1px solid #e0e0e0;text-align:left;padding:13px 10px;text-align:center}
,.prod-detail .content .cell .parameter thead{display:none}
.prod-detail .content .cell .parameter th{font-size:16px;color:#333;line-height:1}
.prod-detail .content .cell .parameter th:first-child{width:30%}
.prod-detail .content .cell .parameter td{font-size:15px;color:#777}
.prod-detail .content .cell .parameter td:nth-child(odd){width: 30%}
.prod-detail .content .cell .parameter td:nth-child(even){width: 20%}
.prod-detail .content .cell .parameter tbody tr:nth-child(even){background:#fbfbfb}
.positionDot{position:relative;top:-90px;display:block;height:0;overflow:hidden}
.prod-detail .side{width:30%;position:relative;padding:130px 0 70px 50px;z-index:1}
.prod-detail .side:after{background:#f6f6f6;content:'';width:200%;height:100%;left:0;top:0;position:absolute;z-index:-1}
.prod-detail .side-tit{color:#333;font-weight:700;line-height:1;font-size:22px}
.side-prod-com{display:block;background:#fff;margin-top:20px}
.side-prod-com picture{height:210px;overflow:hidden}
.side-prod-com picture img{transition:all .8s ease;max-width:80%;width:auto;max-height:80%}
.side-prod-com:hover picture img{transform:scale(1.04)}
.side-prod-com .info{padding:10px 40px 36px}
.side-prod-com .title{font-size:18px;font-weight:700;color:#333;text-align:center}
.side-prod-com p{font-size:14px;color:#666;text-align:center;margin-top:10px}
.side-prod-com span{color:#0063b4;font-size:16px;line-height:1;display:block;margin:16px auto 0;transition:all .4s ease;text-align:center}
.side-prod-com:hover span{text-decoration:underline}
.prod-detail .cell:not(:first-child){margin-top:30px}
.prod-detail .cell .side-art-com{background:#fff;padding:0 20px}
.prod-detail .side-news a{margin-top:20px;display:block}
.prod-detail .side-news a .info{padding:30px 26px 35px;background:#fff}
.prod-detail .side-news a .info .title{font-size:16px;color:#333;font-weight:700;transition:color .4s ease}
.prod-detail .side-news a:hover .info .title{color:#0063b4}
.prod-detail .side-news a .info p{font-size:15px;line-height:26px;color:#666;margin-top:8px}
.prod-detail .side-news a picture{display:block;overflow:hidden}
.prod-detail .side-news a:hover picture img{transform:scale(1.04)}

/* 娴嬭瘯璁惧-璇︽儏 */
.test-header{background:url(../images/pages/test-header-bg.jpg) no-repeat center/cover;padding:60px 0 90px}
.test-header .pic{width:40%}
.test-header .pic img{max-width:90%;max-height:90%;object-fit:cover;height:auto}
.test-header .info{width:50%}
.test-header .info .mode{font-size:36px;font-weight:700;color:#333;line-height:1}
.test-header .info .desc{font-size:19px;color:#444;font-weight:700;margin-top:10px}
.test-header .info .txt{margin-top:30px}
.test-header .info .txt p{font-size:19px;line-height:30px;color:#696868}
.test-features{padding:70px 0 123px;background:url(../images/pages/test-features-bg.jpg) no-repeat bottom/cover}
.test-features .content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}
.test-features .content:after{content:'';width:32.5%}
.test-features .content li{color:#fff;border-radius:2px;border:1px solid #637486;margin-top:20px;width:32.5%;padding:30px;display:flex}
.test-features .content li .num{font-size:38px;line-height:1;opacity:.55;transition:all .4s ease;font-weight:bold}
.test-features .content li:hover .num{opacity:1}
.test-features .content li .txt{margin-left:20px}
.test-features .content li .tit{font-size:19px;font-weight:bold}
.test-features .content li p{font-size:17px;line-height:26px;margin-top:10px}
.test-parameter{background:url(../images/pages/test-parameter-bg.jpg) no-repeat center/cover;padding:80px 0 72px}
.test-parameter .content{margin-top:50px}
.test-parameter .content .info{width:62%;margin-top:-15px}
.test-parameter .content .info p:nth-child(odd){width:38%}
.test-parameter .content .info p{width:56%;color:#555;font-size:17px;margin-top:15px;padding-bottom:20px;border-bottom:1px solid #e7e7e7}
.test-parameter .content .info p b{display:block;font-size:19px;font-weight:700;line-height:1;margin-bottom:5px}
.test-parameter .content .pic{width:35%}
.test-parameter .content .pic img{max-width:90%;max-height:90%;object-fit:cover;height:auto}
.prod-test-high .item .title{margin-top:0}
.prod-test-high .item{margin-top:30px}
.prod-test-high .prod-tit{width:100%}


/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900) */
}

@media all and (max-width:1599px) {
    /* 1440 脳 (700)  */
    .com-banner-txt h1{font-size:36px}
    .com-banner-txt p{margin-top:8px}
    .com-tit{font-size: 34px}
    .com-tip{margin-top: 18px}

    .news-list-header-r{padding:40px 50px 0}
    .news-list-header-time span{font-size: 60px;padding:0 5px 10px}
    .news-list-header-r h3{margin:20px 0 10px}
    .news-list-pic{height: 250px}
    .news-list-info{padding:30px 25px;height:250px}
    .news-list-info h3{font-size: 20px;max-height: 56px;line-height: 28px}
    .news-list-info span{margin-top:40px}
    .news-menu a{font-size: 30px;height: 60px;margin: 0 26px}
    .news-list-header-time h4{font-size:18px}
    .news-style-list a{padding:20px 0}

    .article .art-cont h1{font-size:26px}
    .article .art-cont{padding:50px 40px}
    .art-sidebar{width:28%}
    .art-sidebar .cell{padding:30px}

    .contact-intro h3{font-size: 20px;padding-bottom: 15px}
    .contact-intro .phone{font-size: 22px;margin-bottom: 10px}
    .contact-intro h3+p{margin-top: 20px}
    .sns-list{margin-top: 30px}
    .msg-main{padding: 40px}

    .solution-list-txt span{width:130px;height:38px;font-size: 14px}
    .solution-list-txt{padding:0 25px 40px}
    .solution-list-txt span{left:25px}

    .jobs-select{padding: 0 100px}
    .jobs-item{padding:22px 40px 22px}
    .jobs-item.jobs-header{padding:0 40px 22px}

    .data-num span{font-size: 55px}
    .data-num{font-size: 24px}
    .about-intro-txt p{line-height:26px}
    .honor-pic{height:300px;padding:20px 0}
    .honor-txt{height: 40px}
    .course-item span{font-size:430px;margin-top:-70px}

    .quality-txt{height:340px;padding: 0 40px}
    .quality-time{margin-top: 30px}
    .quality-txt h3{font-size: 24px}

    .support-item h3{font-size: 23px}
    .support-item .time{margin-top: 10px}
    .support-item .txt{margin-top: 20px}
    .support-item .more{margin-top: 20px}
    .support-rgt h2{font-size: 22px}

    .solution-item-main-r h3{font-size: 32px}
    .solution-item-main-r{padding: 40px}
    .solution-item-main-r .open{margin-top: 50px}
    .solution-item-main-r .open i{width: 36px;height: 36px;margin-right: 10px}
    .solution-item-sub{padding: 50px 0 60px}
    .solution-item-sub a .info{padding: 25px}
    .solution-item-sub a .info span{margin-top: 30px}
    .solution-item-sub a picture{height: 260px}
    .solution-list-main a{height:370px}

    .side-1,.prod-side i{height: 55px}
    .prod-side-child{padding: 15px 0}
    .prod-side-sun li{padding: 0 22px 0 56px}
    .prod-side-sun{padding: 10px 0}
    .prod-side-search{padding: 20px}
    .side-2{padding: 0 50px 0 40px}
    .product .contain{width: 1200px;padding: 0}
    .prod-side{width: 250px}
    .prod-main{width: calc(100% - 250px);padding-left: 40px;padding-right: 0}
    .prod-tit{font-size: 24px}
    .prod-overview .rgt{width: 37%}
    .prod-overview{margin-top: 40px}
    .prod-overview .lft{width: 60%}
    .prod-overview .lft p{font-size: 15px;line-height: 26px}
    .prod-boutique,.prod-table{margin-top: 50px}
    .prod-boutique .item{padding: 15px 20px 25px}
    .prod-boutique .pic{height: 190px}
    i.file-icon{margin-right: 5px;width: 18px;height: 18px}
    .prod-boutique .swiper-wrapper{padding-bottom: 30px}
    .prod-table .table-out{margin-top: 20px}
    .prod-boutique .swiper-pagination-bullet{width: 8px;height: 8px}
    .prod-table table .filter{width: 320px;padding: 25px}
    .range-input span{font-size: 15px}
    .range-input input{width: 90px;height: 36px}
    .prod-table table .btn{width: 100px;height: 38px}
    .range-input{margin-top: 15px}
    .prod-material .list{margin-top: 0}
    .prod-material .item{padding: 0 15px;height: 100px;margin-top: 20px}
    .prod-material .item .icon{width: 30px !important}
    .prod-material .item .info{padding-left: 15px}
    .prod-material .item h3{font-size: 15px}
    .prod-material .item p{margin-top: 8px}
    .prod-test-list .item{padding: 30px}
    .prod-test-list .item .info{width: 60%}
    .prod-test-list .item .pic{width: 35%}
    .prod-test-list .item .title{margin-top: 5px}
    .prod-test-list .item .line{margin-top: 20px}
    .prod-test-list .item p{font-size: 14px;line-height: 22px}
    .prod-test-list .item .btn{margin-top: 30px}
    .prod-test-list{margin-top: 40px}
    .prod-detail .content{padding-right: 40px}
    .prod-detail .side{padding-left: 40px}
    .prod-detail-nav{height: 60px;margin-top: 40px}
    .pdf-down{padding: 10px}
    .pdf-down span{font-size: 14px}
    .prod-detail .content .heading .info .txt,.pdf-down{margin-top: 20px}
    .prod-detail .content .cell .list td{padding: 12px 20px}
    .prod-detail .content .cell .list td i{margin-right: 10px}
    .prod-detail-pic .item{padding: 30px 25px 20px}
    .prod-detail .content .cell .parameter th, .prod-detail .content .cell .parameter td{padding: 12px 30px}
    .side-prod-com picture{height: 190px}
    .side-prod-com .info{padding: 10px 30px 30px}
    .prod-detail .side-news a .info{padding: 20px}
    .test-header .info .mode{font-size: 32px}
    .test-header .info .desc{font-size: 18px}
    .test-header .info{width: 55%}
    .test-header .info .txt p{font-size: 18px}
    .test-header .info .txt{margin-top: 20px}
    .test-features{padding-bottom: 100px}
    .test-parameter .content .info p{font-size: 14px;padding-bottom: 15px}
    .test-parameter .content .info p b{font-size: 18px}
    .test-parameter .content .info p:nth-child(odd){width: 40%}
    .test-parameter .content{margin-top: 40px}
    .prod-search-list .item{width:32%}
    .prod-table table thead .tit{padding:10px}
    .test-features .content li .num{font-size:34px}
    .test-features .content li p{font-size:16px;line-height:24px;margin-top:6px}
    .test-features .content li{padding:25px}
    .test-features .content li .txt{margin-left:15px}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 脳 (700) */
    .com-banner-txt h1{font-size: 32px}
    .com-tit{font-size: 30px}
    .com-block{padding:80px 0}

    .solution-detail-top{padding:120px 0 80px!important}
    .solution-list-main a{height:300px}

    .news-list-header-time span{font-size: 50px;padding: 5px}
    .news-list-header-r h3{font-size: 20px;margin:15px 0 10px}
    .news-list-header-r a{width:130px;height:36px;margin-top:20px;font-size: 14px}
    .news-list-header-r{padding:30px 35px 0}
    .news-list-pic{height:190px}
    .news-list-info h3{font-size: 18px;line-height:26px;max-height: 52px}
    .news-list-info p{font-size: 14px;margin-top: 10px}
    .news-list-info span{margin-top: 30px}
    .news-list-info{padding:20px;height:auto}
    .news-list{padding:62px 0 80px}
    .news-menu a{font-size: 26px;height: 54px;margin: 0 22px}
    .news-list-header-time h4{font-size:16px}
    .news-style-list a .time{font-size:14px}
    .news-style-list a span{font-size:14px}
    .news-style-list a span i{width:12px;height:12px;margin-right:5px}
    .news-style-list a .title{font-size:15px}
    .news-style-list a{padding:16px 0}

    .article{padding:100px 0 80px}
    .article .art-cont{padding:40px 30px}
    .article .art-cont h1{font-size:24px}
    .article .art-cont .title-info{margin: 20px 0}
    .article .art-bott{margin:40px 0 30px;padding-bottom: 40px}
    .article .arc-nav a:not(:first-child){margin-top: 15px}
    .side-art-com h3{font-size: 14px;line-height:24px;max-height:48px;margin-top: 10px}
    .side-art-com li{margin-top: 10px;padding-top: 10px}
    .art-sidebar .cell .tit{font-size: 20px}
    .art-sidebar .cell{padding: 30px 25px}

    .contact-intro li{margin-top:40px}
    .contact-intro h3+.phone{font-size:18px}
    .contact-intro .phone{margin-bottom: 6px}
    .arr-btn{margin-top: 15px}
    .sns-list-icon{width:22px}
    .sns-list a+a{margin-left:15px}
    .contact-intro{padding-bottom: 60px}
    .contact-msg{margin-top: 40px;padding-top:30px}
    .msg-main{margin-top:30px}
    .contact-inline input{height: 46px}
    .contact-inline{margin-bottom: 20px}
    .contact-code-pic{height: 46px;max-width: 150px}
    .contact-msg-bott .gradient-btn{width: 140px;height: 46px}

    .solution-list{padding:100px 0 60px!important}
    .solution-list-txt h3{font-size:18px}
    .solution-list-txt p{font-size: 14px}
    .solution-list-txt{padding:0 20px 30px}
    .solution-list-txt span{left:20px}
    .solution-list a:hover .solution-list-txt{transform: translateY(-50px)}

    .jobs-select{padding: 0}
    .jobs-item{padding:20px 10px 20px 0}
    .jobs-item.jobs-header{padding:0 10px 20px 0}
    .jobs-list{margin-top:50px}
    .jobs-item-cont{padding:40px}

    .data-num span{font-size: 45px}
    .data-num{font-size:22px}
    .about-data{margin-top: 50px}
    .course-item span{font-size:350px;margin-top: -58px}
    .course-txt h4{font-size: 50px}
    .timer-dot{margin-top: 50px}

    .quality-txt h3{font-size: 22px}
    .quality-txt p{font-size: 15px;line-height:22px}
    .quality-txt a{width:130px;height: 38px;font-size:15px}
    .quality-txt a i{width: 14px;margin-right: 5px}
    .quality-cont{margin-bottom: 20px}
    .quality-time{margin-top: 20px;font-size: 15px}
    .quality-txt{height: 300px}

    .support-rgt .list a p{font-size: 15px;margin-top: 6px}
    .support-rgt .list a{width: 100%}
    .support-item .time{font-size: 12px}
    .support-item h3{font-size: 22px}
    .support-item .txt p{font-size: 14px;line-height: 22px}
    .article .art-cont .main-content video{height:400px}

    .solution-item-main-r h3{font-size: 28px}
    .solution-item-main-r p,.solution-item-main-r p span{font-size: 15px!important;line-height: 24px!important}
    .solution-item-main-r .open{margin-top: 30px}
    .solution-item-sub{padding: 50px 0}
    .solution-item-sub a picture{height: 200px}
    .solution-item-sub a .info{padding: 20px 15px}
    .solution-item-sub a .info p{margin-top: 10px}
    .solution-item+.solution-item{margin-top: 60px}
    .has-crumbs .crumbs{height: 50px}
    .has-crumbs .com-banner-txt{margin-top: 50px}

    .product .contain{width: 964px}
    .prod-side{width: 220px}
    .side-1, .prod-side i{height: 50px}
    .side-1{padding: 0 20px;font-size: 15px}
    .prod-side i{width: 45px}
    .side-2{padding: 0 30px}
    .prod-side-sun li{padding: 0 20px 0 45px}
    .prod-main{width: calc(100% - 220px);padding-left: 30px}
    .prod-nav a{width:130px;font-size: 15px;height: 46px}
    .prod-overview{margin-top: 30px}
    .prod-tit{font-size: 22px}
    .prod-overview .lft p{font-size: 14px;line-height: 24px}
    .prod-boutique .txt h3{font-size: 18px}
    .prod-boutique .txt p{font-size: 14px;line-height: 22px;height:88px}
    .prod-boutique .file{margin-top: 10px;font-size: 13px}
    .prod-boutique .item{padding: 10px 10px 20px}
    .prod-boutique .pic{height: 140px}
    .com-tags{padding: 1px 5px;transform: scale(0.9)}
    .prod-table-search input,.clear-all{height: 34px}
    .prod-table .table-out{margin-top: 15px}
    .prod-table table i.pdf{width: 14px;margin-right: 5px;min-width:14px}
    .prod-table table .filter{padding: 15px;width: 280px}
    .range-input input{width: 85px;height: 32px;font-size: 14px}
    .prod-table table .filter .heading{font-size: 15px}
    .range-input span{font-size: 14px}
    .prod-table table .filter .select{margin-top:15px}
    .magic-checkbox+label{padding-left: 25px}
    .prod-table table .btn{height: 30px;width: 100%;margin-top: 15px}
    .slider-container .scale ins{font-size: 14px}
    .prod-table table thead .tit{font-size: 14px}
    .prod-table table .sort{margin-right:5px}
    .prod-material .item{width: 100%}
    .prod-test-list .item{width: 100%}
    .prod-test-list .item+.item{margin-top: 20px}
    .prod-detail .content{padding: 110px 20px 50px 0}
    .prod-detail .side{padding: 110px 0 50px 20px}
    .prod-detail .content .heading .pic{width: 100%}
    .prod-detail .content .heading .info{width: 100%;margin-top: 20px}
    .prod-detail .content .heading .info .title{font-size: 22px}
    .prod-detail .content .heading .info .desc{margin-top: 8px}
    .prod-detail .content .heading .info .txt p{font-size: 15px;line-height: 22px}
    .prod-detail-nav{height: 50px}
    .prod-detail-nav a{font-size: 15px}
    .prod-detail .content .cell .list td{font-size: 14px;padding: 12px 15px;white-space: nowrap}
    .prod-detail-pic .item{width: 49%;padding: 25px 20px}
    .prod-detail .content .cell h2{font-size: 20px}
    .prod-detail-pic .item p{font-size: 15px;margin-top: 10px}
    .prod-detail .content .cell .parameter th, .prod-detail .content .cell .parameter td{padding: 12px 20px}
    .side-prod-com picture{height:160px}
    .crumbs.style2{height: 50px}
    .side-prod-com .title{font-size: 16px}
    .side-prod-com p{margin-top: 5px}
    .side-prod-com span{font-size: 15px}
    .side-prod-com .info{padding: 10px 20px 20px}
    .prod-detail .side-tit{font-size: 20px}
    .prod-detail .side-news a .info{padding: 15px}
    .prod-detail .side-news a .info .title{font-size: 15px}
    .prod-detail .side-news a .info p{font-size: 13px;line-height: 20px;margin-top: 5px}
    .test-header .info .mode{font-size: 28px}
    .test-header .info .desc{font-size: 16px}
    .test-header .info{width: 56%}
    .test-header .info .txt p{font-size: 16px;line-height: 24px}
    .test-parameter .content .info p{width: 100% !important}
    .test-parameter .content .pic,.test-parameter .content .info{width: 100%}
    .test-parameter .content .info{margin-top: 30px}
    .sup-list a{width:49%}
    .solution-item-sub .swiper-container{width:100%;padding:0;margin:0}
    .prod-table table .sort{height:25px}
    .prod-table table .tags{padding:0 0 0 5px}
    .prod-table table .tags i{margin-left:30px}
    .test-features .content li .num{font-size:28px}
    .test-features .content li p{font-size:15px;line-height:22px;margin-top:3px}
    .test-features .content li{padding:20px;margin-top:15px}
    .test-features .content li .txt{margin-left:10px}
    .test-features .content{margin-top:20px}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .prod-table .main::-webkit-scrollbar{width:3px;height:3px;background-color:#f1f1f1}
    .prod-table .main::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-clip:padding-box;}
    .prod-table .main::-webkit-scrollbar-thumb:hover{background-color:#c1c1c1}
}


/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    .com-banner-bg{min-height:300px}
    .com-banner-menu .contain{width: 100%}
    .com-menu-out{height: 55px}
    .com-banner-txt{height: calc(100% - 55px)}
    .com-banner-txt h1{font-size: 30px}
    .com-tit{font-size:28px}
    .com-tip{margin-top: 15px}
    .com-block{padding:60px 0}

    .solution-detail-top{padding:80px 0 60px!important}

    .news-list{padding:60px 0}
    .news-list-header{flex-wrap: wrap}
    .news-list-header-l{width:100%}
    .news-list-header-r{width: 100%;padding: 30px}
    .news-list-main a{width: 49%}
    .news-list-header-time h4{font-size:14px}
    .news-style-list a span{width:auto;padding:0 10px}
    .news-style-list a .title{width:auto;padding:0 0 0 10px;flex:1}
    .news-style-list a .time{display:none}
    .news-style-list a{padding:12px 0}

    .prod-nav{top:58px}

    .article{padding:100px 0 60px}
    .crumbs.fixed{top:58px}
    .article .contain{flex-wrap: wrap}
    .article .art-cont{width: 100%}
    .article .art-sidebar{width: 100%}
    .article .art-sidebar .cell{margin-top: 30px}
    .article .art-bott .art-btn{width: 120px;height: 38px}

    .contact{padding:60px 0}
    .contact-intro li{width:48%;margin-top:30px}
    .contact-intro h3{font-size:18px;padding-bottom:10px}
    .contact-intro h3+.phone{font-size: 16px}
    .contact-intro p{font-size: 14px}
    .contact-intro h3+p,.sns-list{margin-top: 15px}
    .msg-main{margin-top: 30px;padding: 30px 20px}
    .contact-msg{margin-top: 20px}
    .contact-code-pic{max-width: 100px;margin-left: 5px}
    .contact-inline h6{font-size: 14px;margin-bottom: 5px}

    .solution-list{padding:80px 0 50px!important}
    .solution-list-main a{width:49%;margin-top: 20px}
    .solution-list-main{margin-top: 30px}
    .solution-list-txt span{width: 120px}

    .jobs-select-item{width:32%}
    .jobs-select-item h6{margin-bottom:10px}
    .customSelect-name,.jobs-select-item input{height:42px;font-size: 14px;padding: 0 15px}
    .customSelect-drop{top:42px}
    .jobs-select-item input::placeholder{font-size:14px}
    .jobs-select-item .jobs-submit{font-size: 14px}
    .jobs-item{padding:15px 10px 15px 0}
    .jobs-item.jobs-header{padding-bottom:15px}
    .jobs-item:not(.jobs-header) .jobs-tit{font-size: 14px}
    .jobs-item-cont{padding: 30px 20px}
    .jobs-item-cont h4{font-size:16px;margin-bottom: 5px}
    .jobs-item-cont a{width:130px;height: 40px;font-size: 14px}

    .about-intro-txt p{font-size: 14px;line-height: 24px}
    .data-num span{font-size: 40px}
    .data-num{font-size: 20px}
    .honor-pic{height:250px}
    .honor-txt h3{font-size: 14px}
    .about-course .com-tit{position: static;text-align: center;margin-bottom: 30px}
    .course-item span{font-size:300px}
    .course-item span{margin-top: -50px}
    .timer-list{width: 25%}
    .timer-dot{padding:0 70px;margin-top: 40px}
    .course-txt{padding: 0}
    .timer-next,.timer-prev{width: 40px;height: 40px;top:-15px}
    .about-intro .contain{flex-wrap: wrap-reverse}
    .about-intro-pic{width: 100%}
    .about-intro-txt{width:100%;margin-top:20px}

    .quality-pic{width: 100%;border-bottom-left-radius:0;border-bottom-right-radius: 0}
    .quality-txt{position: static;width: 100%;padding:30px;height: auto}
    .quality-list{margin-top: 40px}
    .quality-txt h3{font-size: 20px}

    .support-lft{width: 100%}
    .support .contain{flex-wrap: wrap}
    .support-rgt{width: 100%;margin-top: 40px}
    .support-rgt .list a{width: 32%}
    .support-rgt .list:after{content: '';width: 32%}
    .support-item h3{font-size: 20px}
    .support-item .more{font-size: 14px}
    .support-rgt h2{font-size: 20px}

    .com-banner-txt a{width: 130px;height: 40px}
    .solution-item-main{flex-wrap: wrap}
    .solution-item-main-l{width: 100%;height:auto;padding:0}
    .solution-item-main-l img{position:static}
    .solution-item-main-r{width: 100%;padding: 30px 4%}
    .solution-item-main-r h3{font-size: 24px;margin-bottom: 15px}
    .solution-item-main-r .open i{width: 30px;height: 30px}
    .solution-item+.solution-item{margin-top: 40px}
    .solution-item-sub .swiper-wrapper{padding-bottom: 30px}
    .solution-item-sub{padding: 40px 0}
    .solution-item-main-r p,.solution-item-main-r p span{font-size: 14px!important;line-height: 22px!important}
    .solution-item-sub a .info p{font-size: 14px;line-height: 22px;height: 44px}
    .solution-item-sub a .info span{margin-top: 20px}

    .product .contain{width: 92%}
    .prod-menu{display: flex;top: 140px}
    .prod-main{width: 100%;padding: 0}
    .prod-side{width: 260px;position: fixed;top:58px;z-index: 999999999;left: -260px;background-color: #fff}
    .prod-side-list {max-height: calc(90vh - 60px)}
    body{position: relative}
    .prod-detail .content{width: 100%;padding-right:0}
    .prod-detail .side{width: 100%;padding: 50px 20px;margin-bottom: 40px}
    .prod-detail .side:after{width: 100%}
    .test-header .info .desc{font-size: 14px;margin-top: 5px}
    .test-header .info .mode{font-size: 24px}
    .test-header .info .txt p{font-size: 15px;line-height: 22px}
    .prod-detail .content .cell .list td{display:block;margin-top:-1px;background-color:#fff!important}
    .prod-detail .content .cell .list td:empty{display: none}
    .prod-detail .content .cell .parameter tr{display: flex;flex-wrap: wrap}
    .prod-detail .content .cell .parameter td{margin:-1px 0 0 -1px;background: #fff}
    .prod-table .main{border-left:0;overflow:auto;-webkit-overflow-scrolling:auto}
    .prod-table table td:nth-child(1), .prod-table table th:nth-child(1){border-left:1px solid #ececec}
    .prod-table table tbody td:nth-child(1), .prod-table table thead th:nth-child(1){position:static}
    .com-banner-menu.fixed{top:58px;height:54px}
    .swiper-button-next{right:0}
    .swiper-button-prev{left:0}
    .test-features .content li{width:49%}
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .com-banner-bg{min-height:250px}
    .com-banner-menu .contain{width: 100%;overflow: auto}
    .com-menu-out{height: 40px}
    .com-banner-menu a{white-space: nowrap;font-size: 14px;margin-right:0;padding:0}
    .com-banner-menu li+li{margin-left:20px}
    .com-banner-txt{height: calc(100% - 50px)}
    .com-banner-txt h1{font-size: 26px}
    .com-tip,.com-tip span{font-size: 14px!important;line-height: 24px!important;margin-top:10px}
    .com-block{padding:40px 0}

    .solution-detail-top{padding:60px 0 40px!important}

    .news-list{padding:40px 0}
    .news-list-header-r{width: 100%;padding: 20px}
    .news-list-header-time span{font-size: 40px}
    .news-list-header-time h4{font-size:13px}
    .news-list-header-r h3{font-size: 18px}
    .news-list-main a{width: 100%;margin-top: 15px}
    .news-list-info h3{font-size: 16px;line-height:24px;max-height:48px}
    .news-list-info p{font-size:13px}
    .news-list-info span{margin-top: 20px;font-size: 14px}
    .news-menu a{font-size: 20px;height: 42px;margin: 0 14px;}

    .article{padding:80px 0 40px}
    .article .art-cont{padding:30px 20px}
    .article .art-cont h1{font-size: 20px;line-height:30px}
    .article .art-cont .title-info{background:url(../images/pages/news_icon.png) no-repeat left center /15px;padding-left:20px;height:15px}
    .article .social-share-icon{width:30px;height: 30px}
    .article .social-share-icon img{width:18px}
    .article .social-share-icon:not(:first-child){margin-left: 10px}
    .article .art-bott{margin:30px 0;padding-bottom: 20px}
    .article .art-bott .art-btn{width: 110px;height: 36px}

    .contact{padding:40px 0}
    .com-tit{font-size: 24px}
    .contact-intro li{width: 100%}
    .contact-intro h3+p, .sns-list,.arr-btn{margin-top: 10px}
    .contact-intro{padding-bottom: 40px}
    .contact-inline{width:100%}
    .contact-msg{margin-top: 40px;padding-top: 0}
    .msg-main{padding: 20px 10px;margin-top: 20px}
    .contact-inline textarea{padding: 15px}
    .contact-inline input{padding: 0 15px}
    .contact-code-pic{width: 28%}
    .contact-msg-bott .contact-inline{width: 70%}
    .contact-msg-bott .submit-btn{width: 100%;margin-top: 20px;height:40px;font-size: 14px}
    .contact-msg-bott{flex-wrap: wrap;justify-content: space-between}
    .contact-inline textarea::placeholder{font-size: 14px}
    .contact-inline input,.contact-code-pic{height: 40px}

    .solution-list{padding:80px 0 40px!important}
    .solution-list-main{margin-top:20px}
    .solution-list-main a{width:100%;margin-top: 10px;margin-left:0!important}
    .solution-list-txt span{height:36px}

    .jobs-select{flex-wrap: wrap}
    .jobs-select-item{width: 100%}
    .jobs-select-item:not(:first-of-type){margin-top: 20px}
    .jobs-item:not(.jobs-header) .jobs-tit{font-size: 13px}
    .jobs-tit{font-size:14px}
    .jobs-arrow{display: none}
    .jobs-item{justify-content: space-between}
    .jobs-item.jobs-header .jobs-tit:last-of-type,.jobs-item:not(.jobs-header) .jobs-tit:nth-last-child(2){display: none}
    .jobs-item-cont{padding: 20px}
    .jobs-item-cont p{line-height: 26px}

    .about-intro .com-tit{text-align: center;margin-bottom: 30px;width: 100%}
    .about-intro-txt{width: 100%}
    .about-data{margin-top: 10px;flex-wrap: wrap}
    .data-num span{font-size:30px}
    .data-desc{font-size: 14px}
    .data-item{width: 50%;margin-top: 20px}
    .honor-main .swiper-wrapper{padding-bottom: 40px}
    .course-item span{font-size:180px;margin-top: -30px}
    .course-txt p{font-size: 14px;line-height: 24px}
    .course-txt-inner{height: 72px}
    .course-txt h4{font-size: 45px;margin-bottom: 10px}
    .timer-next, .timer-prev{width: 30px;height: 30px;top: -10px}
    .timer-dot{padding: 0 40px;margin-top: 30px}
    .timer-list{width: 33.34%}
    .line-cont{font-size: 18px;margin-top: 5px}

    .quality-txt{padding: 20px}
    .quality-txt h3{font-size: 18px}
    .quality-txt p,.quality-time,.quality-txt a{font-size: 14px}
    .quality-time i{width: 14px;height: 14px;margin-right: 5px}

    .support-rgt .list a{width: 49%}

    .solution-item-main-r h3{font-size: 22px;margin-bottom: 10px}
    .solution-item-main-r .open i{width: 25px;height: 25px;font-size: 14px;margin-right: 5px}
    .solution-item-sub a .info h3{font-size: 16px}
    .solution-item-sub .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px}
    .com-banner-txt a{margin-top: 20px;height: 36px;width: 110px}
    .crumbs ul li a:not(.crumbs-home){padding: 2px 4px}
    .crumbs ul li{font-size: 13px}
    .crumbs .crumbs-home i{width: 14px;height: 14px}
    .crumbs ul li .crumbs-home{margin-right: 4px}
    .crumbs ul li+li{padding-left: 2px;margin-left: 2px}
    .has-crumbs .crumbs{height: 40px}
    .has-crumbs .com-banner-txt{margin-top: 40px}
    .solution-item-sub .swiper-button-next,.solution-item-sub .swiper-button-prev{background-size:10px auto;background-color: rgba(255,255,255,.5);display: block}

    .prod-nav a i{display: none}
    .prod-nav a{width: 25%;height: 45px;font-weight: normal}
    .prod-overview{flex-wrap: wrap}
    .prod-overview .lft{width: 100%}
    .prod-overview .rgt{width: 100%;margin-top: 20px}
    .prod-tit{font-size: 20px}
    .prod-table table thead th,.prod-table table tbody td{min-width:0}
    .prod-table table thead .tit{margin-right: 5px;font-size:13px}
    .prod-table table .filter{position: fixed;z-index: 99999;transform: translate(-50%,-50%)!important;left: 50%!important;top: 50%}
    .prod-table table thead th{position: static}
    .prod-table table .btn{margin-top:10px}
    .prod-table table tbody td{padding: 5px 10px;font-size: 13px}
    .prod-table{position: relative;z-index: 1}
    .prod-material .item{height: 80px;padding: 0 10px;margin-top: 10px}
    .prod-material .item .info{padding-left: 6px}
    .prod-material .item .icon{width: 22px !important}
    .prod-material .item .download i{width: 18px}
    .prod-material .item h3{font-size: 14px}
    .prod-material .item p{font-size: 12px;margin-top: 5px}
    .prod-material .item .download{width: 30px;height: 30px}
    .prod-material .list{margin-top: 10px}
    .prod-table-search input{height: 32px;padding: 0 10px}
    .prod-table-search{width: 150px}
    .prod-table-search a{right: 5px}
    .prod-side-search{padding: 15px}
    .prod-side-search input{height: 34px}
    .prod-test-list .item{padding: 20px 15px;flex-wrap: wrap-reverse}
    .prod-test-list .item .info{width: 100%;margin-top: 20px}
    .prod-test-list .item .pic{width: 100%}
    .prod-test-list .item .title{font-size: 18px}
    .prod-test-list .item .line{margin-top: 15px}
    .prod-test-list .item .btn{font-size: 15px;margin-top: 20px}
    .prod-test-list .item .btn i{margin-right: 5px}
    .pdf-down span{font-size: 13px}
    .prod-detail .content .heading .info .title{font-size: 20px}
    .crumbs ul{flex-wrap: wrap}
    .crumbs.style2{height: auto;padding: 10px 0 5px}
    .crumbs.style2 li{margin-bottom:5px}
    .prod-detail .content .heading .info .txt p{font-size: 14px}
    .prod-detail .content .heading .info .txt, .pdf-down{margin-top: 15px}
    .prod-detail .content .heading .info .desc{font-size: 15px;margin-top: 5px}
    .prod-detail-nav a{width: auto;white-space: nowrap;padding: 0;overflow:unset}
    .prod-detail-nav a+a{margin-left:15px}
    .prod-detail-nav{height:40px;top:58px}
    .prod-detail-nav{overflow-x: auto;overflow-y:hidden}
    .prod-detail-pic .item{width:100%}
    .prod-detail-pic .item+.item{margin-top: 15px}
    .prod-detail .content .cell .parameter th, .prod-detail .content .cell .parameter td{padding: 5px 10px}
    .prod-detail .content .cell .parameter td:nth-child(odd){width:55%}
    .prod-detail .content .cell .parameter td:nth-child(even){width:45%}
    .prod-detail .content .cell .parameter td{font-size: 14px}
    .prod-detail .content .cell .parameter th{font-size: 15px}
    .prod-detail .content{padding: 100px 0 40px}
    .test-header .pic{width: 100%}
    .test-header .info{width: 100%;margin-top: 20px}
    .test-header .info .mode{font-size: 20px}
    .test-header .info .txt p{font-size: 14px}
    .test-header .info .desc{line-height: 20px}
    .test-parameter .content .info p{padding-bottom: 10px}
    .test-parameter .content .info p b{font-size: 16px}
    .clear-all{height:30px;padding:0 8px;font-size:13px}
    .prod-table-search{width:100%;margin-top:15px}
    .prod-boutique .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
    .sup-list a{width:100%}
    .article .art-cont .main-content video{height:300px}
    .prod-table table tbody td{z-index:0!important}
    .prod-table .main{height:auto;min-height:300px;max-height:400px;overflow: auto;-webkit-overflow-scrolling: touch;}
    .prod-search-list .list{margin-top:-15px}
    .prod-search-list .item{width:100%;margin-top:15px}
    .prod-detail-nav .Header-search-item{width:150px}
    .solution-item-sub .mb-tips{display:block}
    .com-banner-menu.fixed{height:40px}
    .prod-test-list .item .mode{font-size:14px}
    .prod-table table thead .tit{padding:10px 5px}
    .prod-table table .sort i.asc, .prod-table table .sort i.desc{background-size:14px}
    .prod-table table .tags i{background-size:16px}
    .test-features .content li{flex-direction:column;padding:15px 10px;margin-top:5px}
    .test-features .content li .num{width:100%;font-size:24px}
    .test-features .content li .txt{margin:5px 0 0 0}
    .test-features .content li .tit{font-size:17px}
    .test-features .content li p{font-size:13px;line-height:20px}
}