@charset "utf-8";
/* =====================内页样式======================== */
.com-banner{height:460px}
.com-nav{height:85px;border-bottom:1px solid #eeeeed}
.com-nav .contain-sm{display:flex;justify-content:space-between;height:100%;align-items:center}
.com-nav-lft{height:100%}
.com-menu{display:flex;height:100%}
.com-menu a{display:flex;align-items:center;justify-content:center;height:100%;padding:0 26px;position:relative;font-size:15px;color:#777}
.com-menu a:hover{color: #1299d5}
.com-menu a:not(:last-child):after{content:'';height:16px;width:1px;background:#e1e1e1;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.com-menu a.active{background:#1299d5;color:#fff}
.com-menu a.active:after{display:none}
.com-nav-rgt{display:flex;align-items:center}
.com-nav-rgt a{display:inline-flex;align-items:center;justify-content:center;color:#777;font-size:15px}
.com-nav-rgt i{display:block;margin:0 18px;background:url(../images/common/arr-r.png) no-repeat center/100%;width:5px;height:10px}
.obj-cover{width:100%;height:100%;object-fit:cover}

.com-tit{font-size: 36px;font-weight: bold;color: #333;text-align: center}
.com-tit.white{color: #fff}
.com-tit.l{text-align: left}

/*分页*/
.pagination{display:flex;justify-content:center;align-items:center}
.pagination-lft{display:flex}
.pagination a{display:flex;height:36px;line-height:36px;align-items:center;font-size:18px;color:#666;background: #f5f5f5;width: 36px;justify-content: center;border-radius: 50%;font-family: Arial}
.pagination a:not(:first-child){margin-left:8px}
.pagination a.active,.pagination a:hover{background:#1299d5;color:#fff}
.pagination a.dot{background:transparent;width: 18px}
.pagination-next svg{transform: rotate(180deg)}

/* 关于我们 */
.about-intro{padding:110px 0 215px;background:url(../images/pages/about-intro-bg.jpg) no-repeat bottom}
.about-data{display:flex;margin-top:60px}
.about-data-item{width:25%;text-align:center;position:relative}
.about-data-item:not(:last-child):after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);height:60px;width:1px;background:#d9dde0}
.about-data-num{font-size:18px;color:#1299d5;line-height:1}
.about-data-num span{font-size:52px;font-family:DINCond-Bold}
.about-data-item p{font-size:16px;color:#555;margin-top:5px}
.about-img{height:338px;display:flex;justify-content:space-between;border-radius:8px;overflow:hidden;margin-top:40px}
.about-img-lft{width:49.6%;position: relative}
.about-img-lft i{display:inline-block;width:62px;height:62px;border:4px solid #fff;border-radius:50%;background:url(../images/common/video.png) no-repeat center;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;cursor:pointer}
.about-img-rgt{width:49.6%}
.about-intro-txt{margin-top:24px}
.about-intro-txt p{color:#777;font-size:15px;line-height:30px}
.about-history{padding:126px 0 202px;background:url(../images/pages/about-intro-bg.jpg) no-repeat bottom}
.abolc-item{width:100%;margin-top:80px;position:relative}
.abolc-year{width:100%;position:relative}
.abolc-year .swiper-container{z-index:3}
.abolc-year-link{width:100%;text-align:center;height:206px;position:relative;cursor:pointer}
.swiper-slide-next .abolc-year-link p,.swiper-slide-prev .abolc-year-link p{top:-30px;transform:translateY(0)}
.abolc-year-link i{width:206px;height:206px;position:absolute;top:0;left:50%;z-index:3;transform:translate(-50%);transition:all .5s ease}
.abolc-year-link i:before{position:absolute;width:28px;height:24px;content:"";top:50%;left:50%;transform:translate(-50%,-50%);background:#fff}
.abolc-year-link i:after{position:absolute;width:20px;height:20px;content:"";background:#1299d5;transition:all 1s ease;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.abolc-year-link p{font-size:24px;color:#333;z-index:4;transition:all .5s ease;font-family:Arial;width:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);margin-top:50px}
.swiper-slide-active .abolc-year-link p{color:#fff;font-size:42px;font-weight:700;margin:0!important}
.swiper-slide-active .abolc-year-link i:after{width:206px;height:100%;background:url(../images/pages/abolc-bg.png) no-repeat center/100%}
.swiper-slide-active .abolc-year-link:after{opacity:1;transition:all .5s ease}
.com-next,.com-prev{width:38px;height:38px;position:absolute;z-index:4;top:calc(50% - 20px);cursor:pointer;transition:all .4s ease;transform:translate(-50%);border-radius:50%;background:#f1f1f1;display:flex;align-items:center;justify-content:center;color:#1299d5}
.com-next:hover,.com-prev:hover{background:#1299d5;color:#fff}
.com-prev{left:0}
.com-next{right:0;transform:rotate(180deg)}
.abolc-year:after{content:"";position:absolute;z-index:2;width:calc(100% - 68px);height:6px;background:#1299d5;left:25px;top:50%;margin-top:-3px;transform-origin:50% 0;transform:scale(1,1);transition:all 1.5s linear}
.startAnimate .abolc-year:after{transform:scale(1)}
.abolc-wdbox{max-width:750px;margin:30px auto 0}
.abolc-wdbox li{width:100%;display:none}
.abolc-wdbox li:first-child{display:block}
.abolc-wdbox li:first-child .abolc-wd{opacity:1;}
.abolc-wdbox li.ontrue{display:block}
.abolc-wd{width:100%;transition:all 4s ease;opacity:0;text-align:center}
.abolc-wd p{font-size:16px;color:#555;line-height:36px}
.abolc-wdbox li.ontrue .abolc-wd{animation:aboMs 1s ease both .2s}
.abolc-item .swiper-slide-active .abolc-year-link i:before{display:none}
@keyframes aboMs{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@-webkit-keyframes aboMs{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
.about-num{position:absolute;font-family:Arial;top:-60px;left:50%;transform:translateX(-50%);color:#eaf5fb;font-size:180px;line-height:.8em;background:linear-gradient(180deg,#eff7fc 0,#f6fbfd 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.about-core{padding:115px 0 170px;background:#088bc3;position:relative;z-index:1}
#about-core-bg{position:absolute;left:0;bottom:0;z-index:0}
.about-core canvas{height: 366px !important;background-color:#088bc3}
.about-core-list{margin-top:50px}
.about-core-list ul{display:flex;flex-wrap:wrap}
.about-core-list li{width:33.33%;margin-bottom:60px;text-align:center;padding:0 70px;opacity: 0;z-index:1}
.about-core-list span{display:flex;justify-content:center;align-items:center;color:#1299d5;font-size:40px;width:108px;height:108px;border-radius:50%;background:#def5ff;font-family:DINCond-Bold;margin:0 auto}
.about-core-list h3{font-size:22px;color:#fff;margin:15px 0 10px}
.about-core-list p{font-size:15px;color:#9dd7f0;line-height:25px}
.about-honor{padding:105px 0 100px}
.honor-tip{font-size:16px;color:#888;margin-top:20px;text-align:center}
.about-honor .swiper-container{width:calc(100% + 28px);padding:30px 14px;margin-left:-14px}
.about-honor .swiper-slide a{height:470px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow: 0 0px 12px 4px rgba(0,0,0,.07);border:1px solid #ececec;transition:all .4s ease;position:relative}
.about-honor .swiper-slide a:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;transition:all .4s ease}
.about-honor .swiper-slide a:before{content:'';background:url(../images/common/magnifier.png) no-repeat center/100%;width:46px;height:46px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;opacity:0;z-index:1}
.about-honor .swiper-slide a:hover:before{opacity:1}
.about-honor .swiper-slide a:hover:after{box-shadow:inset 0 0 0 8px #1299d5}

.about-honor .swiper-slide a img{max-width:90%;max-height:90%;object-fit:cover;transition:all .4s ease}
.about-honor .swiper-slide a:hover img{opacity:.5}
.about-honor-main{padding:0 66px;margin-top:30px;position:relative}
.about-honor .swiper-wrapper{padding-bottom:40px}
.swiper-pagination{width:100%;text-align:center}
.swiper-pagination .swiper-pagination-bullet{width:11px;height:11px;border:2px solid #84cae9;background-color:transparent;margin:0 12px!important;opacity:.5}
.swiper-pagination .swiper-pagination-bullet-active{width:9px;height:9px;background-color:#1299d5;position:relative;border:none}
.swiper-pagination .swiper-pagination-bullet-active::before{content:'';width:17px;height:17px;border-radius:50%;border:1px solid #4fb4e0;position:absolute;left:50%;top:50%;margin-left:-8.5px;margin-top:-8.5px}
.swiper-pagination .swiper-pagination-bullet-active::after{content:'';width:27px;height:27px;border-radius:50%;border:1px solid #c9e8f6;position:absolute;left:50%;top:50%;margin-left:-13.5px;margin-top:-13.5px}
.about-data-item.startAnimate,.about-intro-txt p.startAnimate,.abolc-item.startAnimate,.about-core-list li.startAnimate,.about-honor-main.startAnimate{animation: to-up 1.5s ease both}
.about-img-lft.startAnimate{animation: to-lft 1.5s ease both}
.about-img-rgt.startAnimate{animation: to-rgt 1.5s ease both}

/* 产品列表 */
.product-main{padding:90px 0 100px}
.prod-tip{font-size:16px;line-height:28px;color:#888;max-width:80%;margin:28px auto 0;text-align:center}
.product-list{margin-top:50px;display:flex;justify-content:space-between;flex-wrap:wrap}
.product-list:after{content:'';width:31%}
.prod-item{width:31%;background:#fff;box-shadow:0 5px 79px 0 rgba(0,0,0,.06);border-radius:10px;overflow:hidden;margin-bottom:50px;opacity:0;transition:all .4s ease}
.prod-item:hover{box-shadow:0 5px 79px 0 rgba(18,153,213,.26)}
.prod-item-pic{height:222px;display:flex;align-items:center;justify-content:center}
.prod-item-pic img{max-width: 90%;max-height: 90%;object-fit: cover}
.prod-item-txt{padding:26px 32px 36px;text-align:center;position:relative;z-index:1}
.prod-item-txt:after{content:'';width:100%;height:0;position:absolute;bottom:0;left:0;background:#1299d5;transition:height .3s ease;z-index:-1}
.prod-item:hover .prod-item-txt:after{height:100%}
.prod-item-txt h3{font-family:Arial;font-size:22px;font-weight:700;color:#1299d5}
.prod-item:hover h3,.prod-item:hover p{color:#fff}
.prod-item p{font-size:15px;line-height:20px;color:#a6a6a6;margin-top:16px;height:40px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.product-main .pagination{margin-top:10px}
.prod-item.startAnimate{animation:to-up 1.5s ease both}

/* 产品详情 */
.prod-top{display:flex;justify-content:space-between;align-items:center}
.prod-lft{width:47%}
.prod-lft .com-tit{margin-bottom:30px}
.prod-lft h2{font-size:22px;color:#1299d5;margin:30px 0 10px}
.prod-lft li,.prod-lft p{font-size:16px;line-height:32px;color:#777}
.prod-lft ul{height:250px;overflow-y:auto;width:calc(100% + 40px)}
.prod-lft li{padding-left:14px;position:relative}
.prod-lft li:after{content:'';width:5px;height:5px;position:absolute;left:0;top:15px;background:#777;border-radius:50%}
.prod-lft .mCSB_container{margin-right:40px;overflow:unset}
.mCSB_scrollTools .mCSB_draggerRail{background:#f4f4f4;width:1px}
.mCustomScrollBox>.mCSB_scrollTools{opacity:1;width:4px;z-index:3}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#1296d1}
.prod-rgt{width:45%;height:436px;box-shadow:0 0 142px 0 rgba(0,0,0,.1);border-radius:20px;overflow:hidden}
.prod-rgt .swiper-container{height:100%}
.prod-rgt .swiper-slide{display:flex;align-items:center;justify-content:center}
.prod-rgt img{max-width:90%;max-height:90%;object-fit:cover}
.prod-rgt .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
.prod-info{margin-top:90px;background:#fff;box-shadow:0 4px 24px 0 rgba(0,0,0,.06)}
.prod-nav{display:flex;height:70px;box-shadow:0 4px 24px 0 rgba(0,0,0,.06)}
.prod-nav a{padding:0 32px;color:#1299d5;font-size:18px;border-left:1px solid #f6f6f6;border-right:1px solid #f6f6f6;display:flex;align-items:center;justify-content:center}
.prod-nav a+a{border-left:0}
.prod-nav a.active,.prod-nav a:hover{background:#1299d5;color:#fff;border-color:transparent}
.prod-content{padding:68px 40px}
.prod-txt li{padding:20px 0;border-bottom:1px solid #f0f0f0;display:flex}
.prod-txt li span:nth-child(1){display:flex;width:35%;font-weight:700;font-size:16px;color:#666;align-items: center}
.prod-txt li span:nth-child(2){display:flex;width:65%;font-size:15px;color:#666;align-items: center}
.prod-c-list .prod-content:not(:first-child){display: none}
.prod-content p{line-height: 30px;font-size: 15px;}

/* 应用领域 */
.field-list-main{padding:110px 0 60px}
.field-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.field-list:after{content:'';width:28%}
.field-item{display:block;width:28%;margin-bottom:50px;opacity:0}
.field-item-pic{height:370px;position:relative;overflow:hidden;border-radius:30px}
.field-txt{position:absolute;left:0;bottom:0;padding:28px 26px;background:rgba(18,153,213,.8);display:flex;align-items:flex-start;transform:translateY(100%);transition:all .8s ease}
.field-item:hover .field-txt{transform:translateY(0)}
.field-txt h4{color:#fff;font-size:15px;line-height:22px}
.field-arr{color:#fff;transform:rotate(180deg);margin-left:30px}
.field-item p{font-size:22px;text-align:center;color:#1299d5;margin-top:18px}
.field-item.startAnimate{animation:to-up 1.5s ease both}

/* 应用领域 */
.field-main{padding:110px 0 100px}
.field-top{display:flex;justify-content:space-between}
.field-top h2{font-weight:700}
.field-top .prod-lft{width:64%}
.field-top .prod-lft ul{height:auto}
.field-rgt{overflow:hidden;border-radius:30px;height:370px;width:28%}
.field-tit{margin-top:42px;font-size:36px;color:#333;font-weight:700}
.more-prod .prod-item{opacity:1}
.more-prod .swiper-container{width:calc(100% + 60px);padding:0 30px;margin-left:-30px}
.more-prod .swiper-slide-next .prod-item,.more-prod .swiper-slide-prev .prod-item{box-shadow:none}
.more-prod .swiper-wrapper{padding-bottom:30px}

/* 服务支持 */
.support-top{padding:90px 0 80px}
.support-top .contain-sm{display:flex;justify-content:space-between}
.support-lft{width:65%}
.support-lft .com-tit{margin-bottom:30px}
.support-lft p{font-size:15px;color:#888;line-height:30px}
.support-lft .phone{color:#1299d5;font-size:22px;font-weight:bold}
.support-lft li{display:flex;align-items:center}
.support-lft li+li{margin-top:8px}
.support-lft i{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:#1299d5;border-radius:50%;margin-right:10px}
.support-lft ul{margin-top:55px}
.support-rgt{width:28%}
.support-qs{padding:140px 0 98px;background:url(../images/pages/support-qs-bg.jpg) no-repeat top}
.support-qs-list{margin-top:54px}
.support-qs-list li{padding:26px 0;border-bottom:1px solid #eee}
.support-qs-top{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.support-qs-top h4{font-size:20px;color:#333}
.support-qs-list li.active h4{font-weight:700;color:#1299d5}
.support-qs-top i{display:block;min-width:36px;height:36px;border-radius:50%;position:relative;background:#c2c2c2 url(../images/common/plus.png) no-repeat center/16px}
.support-qs-list li.active i{background:#1299d5 url(../images/common/plus.png) no-repeat center/16px;transition:all .4s ease;transform:rotate(45deg)}
.support-qs-txt{padding:30px 90px 0 0;display:none}
.support-qs-txt p{color:#999;font-size:15px;line-height:30px}
.support-qs .pagination{margin-top:56px}

/* 下载中心 */
.down-center{padding:86px 0 96px}
.down-center-list{margin-top:50px}
.down-center-list a{padding:20px 0;display:flex;align-items:center;border-bottom:1px dashed #d1d1d1;opacity:0}
.down-center-list a i{display:block;height:44px;width:44px;border-radius:50%;border:1px solid #d7d7d7;background:url(../images/common/down-center.png) no-repeat center/18px 21px;margin-right:10px;transition:all .4s ease}
.down-center-list a:hover i{border-color:#1299d5;background:url(../images/common/down-center-hover.png) no-repeat center/18px 21px}
.down-center-list a h3{font-size:18px;color:#555;width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.down-center-list a:hover h3{color:#1299d5;font-weight:700}
.down-center-rgt{margin-left:auto;display:flex;align-items:flex-end}
.down-center-list a .time{font-size:13px;color:#999;margin-right:24px}
.down-center-list a:hover .time{color:#1299d5}
.down-center-list a span{display:block;background:url(../images/common/down-icon.png) no-repeat center/100%;width:19px;height:25px;transition:all .4s ease}
.down-center-list a:hover span{background:url(../images/common/down-icon-hover.png) no-repeat center/100%}
.down-center .pagination{margin-top:58px}
.down-center-list a.startAnimate{animation:to-up 1.5s ease both}

/* 新闻中心 */
.news-center{padding: 100px 0 130px}
.news-cell{display:flex;align-items:center;height:240px;justify-content:space-between;opacity: 0}
.news-time{width:11%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:relative;border-right:1px solid #c1c1c1;transition: all .4s ease}
.news-cell .news-time:after{content:'';position:absolute;right:-46px;width:46px;top:50%;background:#c1c1c1;height:1px}
.news-time .day{font-size:50px;color:#6e6e6e}
.news-time .year{font-size:14px;color:#6d6d6d}
.news-info{width:80%;height:calc(100% - 30px);display:flex;align-items:center;justify-content:space-between;background:#fafafa;padding:0 50px}
.news-info .lft{width:75%}
.news-info h3{font-size:22px;color:#222;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-info .news-inro{display:flex;margin:10px 0 15px;color:#999;font-size:13px}
.news-info .news-inro .ico{display:flex;align-items:center}
.news-info .news-inro .ico img{margin-right:5px}
.news-info p{color:#666;line-height:24px;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px;line-height:24px}
.news-info .rgt{width:190px;height:125px}
.news-info .rgt img{width:100%;height:100%;object-fit:cover}
.news-cell:hover .news-time{background:#1299d5}
.news-cell:hover .news-time .day,.news-cell:hover .news-time .year{color:#fff}
.news-cell:hover .news-info h3{color:#1299d5;font-weight:700}
.news-center .pagination{margin-top: 76px}
.news-cell.startAnimate{animation: to-up 1.5s ease both}
.news-sns { display: flex;align-items: center;}
.news-sns a{margin-left:10px}
/*分享*/
#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: inset 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;font-size:12px}
#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}

/* 媒体报道 */
.media{padding:100px 0 138px}
.media-top{overflow:hidden;display:flex;height:392px;box-shadow:-12px 22px 81px 0 rgba(174,174,174,.3)}
.media-top-l{width:46%}
.media-top img{transition:all .4s ease}
.media-top:hover img{opacity:.7}
.media-top-r{width:54%;padding:0 68px;display:flex;flex-direction:column;justify-content:center}
.media-top-r h2{color:#333;font-size:20px;line-height:30px;margin-bottom:30px}
.media-top-r p{font-size:15px;color:#888;line-height:28px}
.media-top-r span{font-size:15px;color:#999;font-family:Arial;display:block;margin-top:66px}
.media-list{display:flex;justify-content:space-between;margin-top:70px;flex-wrap:wrap}
.media-list:after{content:'';width:31%}
.media-item{width:31%;display:block;margin-bottom:20px;opacity:0}
.media-pic{height:240px}
.media-pic img{transition:all .4s ease}
.media-item:hover img{opacity:.7}
.media-txt{padding:20px 0;display:flex;justify-content:space-between}
.media-txt h2{font-size:16px;line-height:25px;color:#555;width:80%}
.media-txt span{color:#999;font-size:14px;font-family:Arial;line-height:22px}
.media .pagination{margin-top:40px}
.media-top-l.startAnimate{animation:to-lft 1.5s ease both}
.media-top-r.startAnimate{animation:to-rgt 1.5s ease both}
.media-item.startAnimate{animation:to-up 1.5s ease both}

/* 新闻详情 */
.article{padding:75px 0 120px}
.article-main{display:flex;justify-content:space-between}
.article-l{width:73%}
.article-l h1{color:#111;font-size:26px;line-height:30px}
.article-info{display:flex;align-items:center;margin:30px 0;padding-bottom:16px;border-bottom:1px solid #ebebeb}
.article-info-share,.article-info-time{font-size:14px;color:#999;display:flex;align-items:center}
.article-info-time i{display:block;background:url(../images/common/time.png) no-repeat center/100%;width:14px;height:14px;margin-right:8px}
.article-info-share{margin-left:20px}
.article-info-share i{display:block;background:url(../images/common/share-icon.png) no-repeat center/100%;width:13px;height:15px;margin-right:8px}
.article-content p{font-size:15px;line-height:30px;color:#777}
.article-content img{display:block;max-width:100%;object-fit:cover}
.article-r{width:20.5%;height:100%}
.article-l-tit{display:flex;align-items:center;margin-bottom:34px}
.news-icon{width:34px;height:34px;background:#1299d5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:8px}
.article-l-tit h3{font-size:16px;font-weight:700;color:#1299d5}
.article-l-tit a{margin-left:auto}
.article-l-tit a i{display:block;background:url(../images/common/return.png) no-repeat center/100%;width:25px;height:16px}
.article-l-item:not(:first-child){margin-top:25px}
.article-l-item{border:7px solid #e7e7e7;padding:30px}
.article-l-item a{display:block}
.article-l-item a h4{font-size:14px;color:#777;line-height:20px;margin-bottom:15px;transition:all .4s ease}
.article-l-item a:hover h4{color:#1299d5}
.article-l-item a .time{font-size:12px;font-family:Arial;color:#999}
.article-l-item a+a{padding-top:28px;margin-top:18px;border-top:1px solid #ededed}
.article-l-item h5{font-size:18px;font-weight:700;color:#666;margin-bottom:18px}
.article-l-item h5:not(:first-child){margin-top:32px;padding-top:32px;border-top:1px solid #e4e4e4}

/* 联系我们 */
.contact-about{padding:88px 0 110px}
.contact-about-icon{display:flex;margin-top:50px}
.contact-about-item{width:33.33%;text-align:center;padding:0 15px}
.contact-about-item i{width:118px;height:118px;background:#1299d5;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto}
.contact-about-item i img{max-width:100%}
.contact-about-item h3{font-size:22px;color:#1299d5;margin:15px 0}
.contact-about-item p{font-size:15px;line-height:24px;color:#888}
.contact-about-map{height:404px;background:#fff;padding:10px;margin-top:60px;box-shadow:3px 4px 32px 0 rgba(0,10,18,.06);border-radius:12px}
#map{width:100%;height:100%;border-radius:12px}
.contact-msg{background:#f5f5f5;padding:90px 0 100px}
.msg-main{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}
.msg-main .inline-input{width:49.5%;margin-bottom:15px}
.msg-main .inline-input.row{width:100%}
.msg-main .inline-input input{width:100%;background:#fff;padding:0 20px;height:56px}
.msg-main textarea{width:100%;height:100%;background:#fff;padding:20px;border:0}
.msg-main .bott{width:100%;display:flex;justify-content:space-between}
.msg-main .bott .inline-input{position:relative;width:86%}
.msg-main .bott .code{position:absolute;top:0;right:0;height:56px;width:70px;display:flex;align-items:center;justify-content:center}
.msg-main .bott .code img{width:69px;height:36px}
.msg-main .bott .submit-btn{display:block;width:165px;height:56px;text-align:center;line-height:56px;background:#1299d5;color:#fff;font-size:16px}
.msg-main .bott .submit-btn:hover{opacity:.7}

/* 加入我们 */
.jobs{padding:84px 0 130px}
.jobs-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.jobs-top h2{margin-bottom:0}
.jobs-search{display:flex;align-items:center}
.jobs-search input{background:#f5f5f5;height:46px;width:330px;padding:0 20px;margin-right:10px}
.submit-btn{display:flex;width:46px;height:46px;align-items:center;justify-content:center;background:#1299d5;color:#fff}
.joinUs-job .join-title{display:flex;background:#44484a;color:#fff;padding:20px 50px;font-size:16px;line-height:30px;align-items:center}
.joinUs-job .join-title.cell{background:#fff;color:#888;margin-top:15px;padding:0;flex-wrap:wrap;box-shadow:0 0 29px 0 rgba(0,0,0,.06);transition:all .4s ease;opacity:0}
.joinUs-job .join-title.cell.box{box-shadow:0 0 101px 0 rgba(0,0,0,.06)}
.joinUs-job .job-tit:nth-child(1){width:60%;color:#555;font-size:18px}
.joinUs-job .job-tit:not(:first-child){width:11%;text-align:center}
.joinUs-job .job-btn svg{width:15px;height:15px}
.joinUs-job .join-top:hover i{transform:scale(.9)}
.joinUs-job .join-cont{width:100%;border:1px solid #f2f2f2;padding:34px 42px}
.joinUs-job .join-top{display:flex;width:100%;align-items:center;padding:20px;cursor:pointer}
.joinUs-job .join-top.ontrue{background:#1299d5}
.joinUs-job .join-top.ontrue .job-tit{color:#fff}
.joinUs-job .join-top.ontrue svg{color:#fff;transform:rotate(180deg)}
.joinUs-job .join-content{background:#fff;padding:34px 42px;display:none;width:100%}
.joinUs-job .job-tit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:15px}
.joinUs-job .join-content h3{color:#333;font-size:16px;margin-bottom:15px}
.joinUs-job .join-content li,.joinUs-job .join-content p{font-size:14px;line-height:25px;color:#888}
.joinUs-job .join-content ul{width:60%;display:flex;justify-content:space-between;flex-wrap:wrap}
.joinUs-job .join-content li{width:50%}
.join-end{padding-top:25px;margin-top:25px;border-top:1px dashed #ccc}
.join-end b{color:#1299d5;font-size:18px}
.join-end span{color:#1299d5;font-size:18px}
.jobs .pagination{margin-top:68px}
.joinUs-job .join-title.cell.startAnimate{animation:to-up 1.5s ease both}

/* 设计与制造 */
.design{padding:86px 0 146px}
.design-tip{text-align:center;font-size:22px;color:#1299d5;font-weight:700;margin-top:40px}
.design-top-txt{margin-top:18px}
.design-top-txt p{font-size:15px;line-height:30px;color:#777;text-align:center}
.design-list{margin-top:90px}
.design-item{display:flex;height:376px;box-shadow:-12px 22px 81px 0 rgba(174,174,174,.23);opacity:0}
.design-item:not(:first-child){margin-top:66px}
.design-item:nth-child(even){flex-direction:row-reverse}
.design-txt{width:50%;background:#fff;padding:60px 10px 60px 70px}
.design-txt h3{font-weight:700;font-size:26px;color:#1299d5;margin-bottom:20px}
.design-txt br{content:'';display:block;height:.7em}
.design-content{height:220px;overflow-y:auto}
.design-txt p{color:#777;font-size:15px;line-height:26px}
.design-pic{width:50%;height:100%}
.design-item.startAnimate{animation:to-up 1.5s ease both}
.design-txt .mCSB_container{margin-right: 50px}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .field-item{width: 31%}
    .news-cell{height: 220px}
    .media-top-r{padding: 0 40px}
    .media-txt h2{width: 78%}
    .article-r{width: 25%}
    .article-l{width: 70%}
    .article-info{margin: 20px 0}
    /*.contact-about-item{padding: 0 60px}*/
    .msg-main .bott .inline-input{width: 83%}
}

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

@media all and (max-width:1359px) {
    /* 1280 */
    .about-honor .swiper-slide a{height: 360px}
    .about-core-list li{padding: 0 50px}
    .about-core-list h3{font-size: 18px}
    .about-core-list p{font-size: 14px}
    .prod-item-pic{height: 200px}
    .prod-item-txt{padding: 26px}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .about-img{height: 280px}
    .com-banner{height: 400px}
    .field-item-pic{height: 290px}
    .field-txt{padding: 20px}
    .field-arr{margin-left: 20px}
    .field-top .prod-lft{width: 60%}
    .field-rgt{width: 35%}
    .news-info .lft{width: 68%}
    .news-info h3{font-size: 20px}
    .news-info{width: 83%}
    .media-top{height: 350px}
    .media-top-r span{margin-top: 30px}
    .media-pic{height: 180px}
    .media-txt span{font-size: 13px}
    .media-txt h2{width: 75%}
    .article-r{width: 27%}
    .article-l-item a+a{margin-top: 15px;padding-top: 20px}
    .article-l-item h5:not(:first-child){margin-top: 20px;padding-top: 20px}
    .article-l-item{padding: 20px}
    .msg-main .bott .inline-input{width: 80%}
    .design-txt{padding: 40px 10px 40px 40px}
    .design-txt .mCSB_container{margin-right: 30px}
    .design-txt h3{font-size: 22px;margin-bottom: 15px}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .about-core-list li,.prod-item,.field-item,.down-center-list a,.news-cell,.media-item,.joinUs-job .join-title.cell,.design-item{opacity: 1}
    .com-nav .contain-sm,.prod-lft,.prod-rgt,.prod-lft ul,.news-info,.article-l,.article-r{width: 100%}
    .prod-top,.article-main{flex-wrap: wrap}
    .about-intro,.about-history,.about-core,.about-honor,.product-main,.field-main,.support-top,.support-qs,.down-center,.news-center,.media,.article,.contact-about,
    .contact-msg,.jobs,.design{padding: 60px 0}
    .about-data,.product-list,.support-lft ul,.support-qs .pagination,.down-center .pagination,.news-center .pagination,.media-list,.article-r,.contact-about-map,
    .contact-about-icon,.msg-main,.jobs .pagination,.design-list{margin-top: 40px}
    .joinUs-job .job-tit{font-size: 14px}
    .about-core-list h3,.prod-nav a,.joinUs-job .job-tit:nth-child(1){font-size: 16px}
    .field-tit{font-size: 30px}
    .com-tit{font-size: 32px}
    .about-data-num span{font-size: 40px}

    .com-banner{height: 350px}
    .com-nav-rgt{display: none}
    .com-nav{height: 70px}
    .about-num{font-size: 100px;top: -40px}
    .about-core-list li{padding: 0 20px}
    .about-core-list span{width: 80px;height: 80px;font-size: 30px}
    .about-honor-main{margin-top: 10px}
    .about-honor .swiper-slide-next+.swiper-slide a{box-shadow: none}
    .abolc-year-link i{width: 140px;height: 125px}
    .swiper-slide-active .abolc-year-link i:after{height: 125px;width: 125px}
    .abolc-year-link i:after{width: 15px;height: 15px}
    .swiper-slide-active .abolc-year-link p{font-size: 30px}
    .abolc-year-link{height: 125px}
    .abolc-year-link i:before{width: 23px;height: 20px}
    .abolc-wd p{line-height: 30px}
    .com-menu a{white-space: nowrap}
    .com-nav-lft{overflow: auto}
    .prod-tip{margin: 20px auto 0}
    .prod-item{width: 48%;margin-bottom: 25px}
    .prod-item-txt h3{font-size: 18px}
    .prod-item-txt{padding: 20px}
    .prod-rgt{margin-top: 30px;height: 350px}
    .prod-lft .com-tit{margin-bottom: 20px}
    .prod-lft h2{margin: 20px 0 5px;font-size: 18px}
    .prod-info{margin-top: 50px}
    .prod-content{padding: 40px}
    .prod-nav{height: 60px}
    .field-item-pic{height: 220px}
    .field-item{margin-bottom: 20px}
    .field-item p{font-size: 18px;margin-top: 10px}
    .field-list-main{padding: 60px 0 40px}
    .field-arr{display: none}
    .field-rgt{height: 300px}
    .support-lft{width: 55%}
    .support-rgt{width: 40%}
    .support-qs-list{margin-top: 20px}
    .support-qs-list li{padding: 20px 0}
    .support-qs-top h4{font-size: 18px}
    .support-qs-top i{height: 30px;min-width: 30px}
    .down-center-list a h3{width: 70%}
    .down-center-list{margin-top: 20px}
    .news-time{display: none}
    .news-info{padding: 20px 30px}
    .news-cell+.news-cell{margin-top: 20px}
    .news-info .lft{width: 65%}
    .news-info h3{font-size: 18px}
    .news-info .news-inro{margin: 10px 0}
    .news-cell{height: auto}
    .media-top-r{padding: 0 20px}
    .media-top-r h2{font-size: 16px;margin-bottom: 15px;line-height: 26px}
    .media-top-r p{font-size: 14px;line-height: 24px}
    .media-top-r span{margin-top: 15px}
    .media-top{height: 270px}
    .media-item{width: 48%}
    .article-l-tit{margin-bottom: 20px}
    .article-l h1{font-size: 22px}
    .contact-about-item i{width: 90px;height: 90px}
    .contact-about-item i img{max-width: 50%}
    .contact-about-item{padding: 0 10px}
    .contact-about-item p{font-size: 14px}
    .contact-about-item h3{font-size: 18px;margin: 10px 0}
    .contact-about-map{height: 330px}
    .msg-main .bott .inline-input{width: 73%}
    .msg-main .inline-input{margin-bottom: 8px}
    .joinUs-job .join-top{padding: 10px 15px}
    .joinUs-job .join-content{padding: 30px 15px}
    .design-item{height: 300px}
    .design-txt{padding: 20px 10px 20px 30px}
    .design-txt .mCSB_container{margin-right: 20px}
    .design-tip{font-size: 18px}
    .design-top-txt p{font-size: 13px}
    .design-item:not(:first-child){margin-top: 30px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .pagination a{width: 30px;height: 30px;font-size: 15px}

    .about-intro, .about-history, .about-core, .about-honor,.product-main,.field-main,.support-top,.support-qs,.down-center,.news-center,.media,.article,
    .contact-msg,.jobs,.design{padding: 40px 0}
    .field-top .prod-lft,.field-rgt,.support-lft,.support-rgt,.news-info .lft,.news-info .rgt,.media-top-l,.media-top-r,.media-item,.contact-about-item,
    .msg-main .inline-input,.msg-main .bott .inline-input,.jobs-search,.joinUs-job .join-content ul,.joinUs-job .join-content li,.design-txt,.design-pic{width: 100%}
    .field-top,.support-top .contain-sm,.media-top,.contact-about-icon{flex-wrap: wrap}
    .abolc-item{margin-top: 60px}
    .about-core-list,.product-list,.support-rgt,.support-qs .pagination,.support-lft ul,.down-center .pagination,.news-center .pagination,.media-list,.contact-about-icon,
    .msg-main,.jobs .pagination,.design-list{margin-top: 30px}
    .about-img,.about-img-rgt{margin-top: 10px}
    .honor-tip,.prod-lft li, .prod-lft p,.prod-txt li span:nth-child(1),.prod-txt li span:nth-child(2),.field-txt h4,.support-lft p,.article-content p{font-size: 14px}
    .about-data-num,.field-item p,.down-center-list a h3,.article-l-item h5,.join-end span,.join-end b{font-size: 16px}
    .article-l h1{font-size: 18px}
    .com-tit,.field-tit{font-size: 26px}
    .about-data-num span{font-size: 30px}

    .com-nav-rgt{display: none}
    .about-intro-txt p{font-size: 14px;line-height: 26px}
    .com-banner{height: 250px}
    .about-data{margin-top: 30px;flex-wrap: wrap}
    .about-data-item{width: 50%;margin-bottom: 20px}
    .com-nav{height: 50px}
    .about-data-item:nth-child(2n):after{display: none}
    .about-img-lft,.about-img-rgt{width: 100%;height: 200px}
    .about-img{flex-wrap: wrap;height: auto}
    .abolc-year-link i{width: 70px;height: 85px}
    .swiper-slide-active .abolc-year-link i:after{width: 85px;height: 85px}
    .abolc-year-link{height: 85px}
    .swiper-slide-next .abolc-year-link p, .swiper-slide-prev .abolc-year-link p{top: -40px;font-size: 16px}
    .abolc-year-link i:before{width: 20px;height: 14px}
    .abolc-year-link i:after{width: 14px;height: 14px}
    .swiper-slide-active .abolc-year-link p{font-size: 22px}
    .abolc-wd p{font-size: 15px;line-height: 26px}
    .about-num {font-size: 60px;top: -30px}
    .about-core-list li{width: 50%;padding: 0 10px;margin-bottom: 20px}
    .about-core-list span{width: 60px;height: 60px;font-size: 22px}
    .about-honor-main{padding: 0 20px}
    .about-honor .swiper-container{width: calc(100% + 40px);padding: 20px;margin-left: -20px}
    .com-next, .com-prev{width: 30px;height: 30px;top: calc(50% - 16px)}
    .abolc-year:after{width: 100%;height: 5px;left: 0}
    .com-prev{left: 4%}
    .about-honor .swiper-slide-next a{box-shadow: none}
    .about-honor .com-prev,.about-honor .com-next{display: none}
    .about-honor .swiper-wrapper{padding-bottom: 30px}
    .prod-tip{max-width: 100%;font-size: 14px;line-height: 24px}
    .prod-lft li, .prod-lft p{line-height: 28px}
    .prod-lft li:after{top: 12px}
    .prod-lft .com-tit{margin-bottom: 10px}
    .prod-rgt{height: 300px}
    .prod-rgt .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px}
    .prod-nav{height: 50px}
    .prod-nav a{font-size: 14px;padding: 0 18px}
    .prod-content{padding: 20px}
    .prod-txt li{padding: 10px 0}
    .prod-txt li span:nth-child(2){padding-left: 10px}
    .field-item{width: 49%}
    .field-item-pic{height: 170px}
    .field-txt{padding: 10px}
    .field-list-main{padding: 40px 0 20px}
    .field-rgt{margin-top: 20px}
    .support-qs-list li{padding: 10px 0}
    .support-qs-top h4{font-size: 16px}
    .support-qs-top i{min-width: 26px;height: 26px;background: #c2c2c2 url(../images/common/plus.png)no-repeat center /13px}
    .support-qs-list li.active i{background: #1299d5 url(../images/common/plus.png)no-repeat center /13px}
    .support-qs-txt{padding-right: 24px;padding-top: 10px}
    .support-qs-txt p{font-size: 14px;line-height: 26px}
    .down-center-list a{padding: 15px 0}
    .down-center-list a i{width: 35px;height: 35px}
    .down-center-list a .time{display: none}
    .down-center-list a h3{width: 77%}
    .down-center-list a span{width: 15px;height: 21px}
    .news-info{flex-wrap: wrap-reverse;padding: 0}
    .news-info .lft{padding: 20px 15px}
    .news-info .rgt{height: 160px}
    .news-info h3{font-size: 16px}
    .news-info .news-inro{margin: 5px 0}
    .media-top{height: auto}
    .media-top-l{height: 200px}
    .media-top-r{padding: 20px 15px}
    .media-txt{padding: 15px 0}
    .media .pagination{margin-top: 10px}
    .article-info{margin: 15px 0}
    .article-info-time, .article-info-share{font-size: 13px}
    .article-info-share i,.article-info-time i{margin-right: 4px}
    .article-l-item:not(:first-child){margin-top: 20px}
    .article-l-item h5:not(:first-child),.article-l-item a+a{margin-top: 15px;padding-top: 15px}
    .contact-about-item:not(:first-child){margin-top: 30px}
    .contact-about-item{padding: 0 20px}
    .contact-about-item i{width: 70px;height: 70px}
    .contact-about-map{height: 240px}
    .msg-main .inline-input input,.msg-main .bott .code{height: 45px}
    .msg-main .bott{flex-direction: column}
    .msg-main .bott .submit-btn{height: 45px;line-height: 45px;width: 100%}
    .jobs-top{flex-direction: column;margin-bottom: 30px}
    .jobs-search input{width: 83%}
    .jobs-search{margin-top: 15px}
    .job-btn{display: none}
    .joinUs-job .job-tit:nth-child(1){width: 35%}
    .joinUs-job .job-tit:nth-child(4){display: none}
    .job-btn{display: none}
    .joinUs-job .job-tit:not(:first-child){width: 22%}
    .join-end{padding-top: 15px;margin-top: 15px}
    .design-tip{margin-top: 20px;font-size: 16px}
    .design-item{height: auto;flex-direction: column-reverse}
    .design-item:not(:first-child){flex-direction: column-reverse}
    .design-txt h3{font-size: 18px}
    .design-txt{padding: 20px 10px 20px 20px}
    .design-txt .mCSB_container{margin-right: 15px}
    .design-pic{height: 200px}
    .prod-item-pic{height:100px}
    .prod-item-txt{padding: 10px}
    .prod-item p{margin-top:10px;font-size:14px}
    .prod-item-txt h3{font-size:16px}
    .prod-item{margin-bottom:15px}
    .news-sns a img{width:30px;height:30px}
    .about-core-list h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    #about-core-bg{display:none}
}

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
    .about-num{background:#fff}
}