/* [OPT: P0-1] 首屏关键CSS — 阻塞加载，覆盖首屏全部元素 */
/* 基础重置 */
html,body{margin:0;padding:0;font-size:62.5%}
body{font-family:"Arial","Microsoft YaHei","Microsoft YaHei UI","WenQuanYi Micro Hei",sans-serif;line-height:24px;color:#333;background:#fff}
a{color:#333;text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:hover{text-decoration:none}
img{max-width:100%;height:auto;border:0;vertical-align:top}
*,*::before,*::after{box-sizing:border-box}
article,aside,footer,header,nav,section{display:block}
input,button,select,textarea{background:0;border:0;margin:0;padding:0;border-radius:0;outline:0;resize:none;font-family:inherit;color:#414446;-webkit-appearance:none}
input:focus{outline:none}

/* 容器 */
.wrap{margin:0 auto;width:100%;padding:0 15px}
@media(min-width:1201px){.wrap{max-width:1200px}}
@media(min-width:1471px){.wrap{max-width:1440px}}
@media(max-width:1200px){.wrap{max-width:768px}}
@media(max-width:768px){.wrap{max-width:100%}}

/* Flex */
[flex]{display:flex}
[flex~="i"]{display:inline-flex}
[flex~="wrap"]{flex-wrap:wrap}
[flex~="jb"]{justify-content:space-between}
[flex~="jc"]{justify-content:flex-end}
[flex~="ac"]{align-items:center}
[flex~="as"]{align-items:flex-start}
[flex~="ae"]{align-items:flex-end}

/* 文字 */
.t-center{text-align:center}
.t-left{text-align:left}
.textover{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auto-title{padding-top:60px;padding-bottom:25px}
.auto-title .auto-title-h1{font-size:36px;font-weight:600;line-height:1.4em;letter-spacing:4px}
.auto-title .auto-title-h1 .line{display:block;margin:12px auto 0;width:36px;height:1px;background:#333}
.auto-title-b{padding-top:60px;padding-bottom:25px}
.auto-title-b .auto-title-h1{font-size:38px;font-weight:400;line-height:1.4em;letter-spacing:1px}
.auto-title-b .auto-title-h2{font-size:16px;line-height:1.4em;opacity:.25}
.color1{color:#222}.color2{color:#333}
@media(max-width:1200px){.auto-title{padding-top:35px;padding-bottom:20px}.auto-title .auto-title-h1{font-size:20px;letter-spacing:2px}.auto-title-b{padding-top:35px;padding-bottom:20px}.auto-title-b .auto-title-h1{font-size:20px}.auto-title-b .auto-title-h2{font-size:14px}}

/* 图片容器 */
.img-box{position:relative;overflow:hidden}
.img-box img{display:block;position:absolute;left:0;top:0;width:100%;height:100%}

/* ===== 桌面端导航 (min-width:1201px) ===== */
@media(min-width:1201px){
  body{padding-top:100px}body.small-header{padding-top:60px}
  #header{position:fixed;left:0;top:0;width:100%;z-index:9;background:#fff;overflow:hidden}
  #header .wrap-box{position:relative}
  #header .logo-box{position:absolute;left:0;top:0;height:100%;transition:all .3s}
  #header .logo-box img{width:auto;height:60%}
  #header .menu{vertical-align:middle}
  #header .menu .menu-box{display:flex;margin:0 auto}
  #header .menu .menu-title{display:block;padding:0 15px;font-size:17px;line-height:100px;color:#000;position:relative}
  #header .menu .menu-title::after{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:2px;background:#000;transition:all .3s}
  #header .menu-son{display:flex;padding:0 20px;align-items:center;transition:all .3s}
  #header .menu-son.on .menu-title,#header .menu-son:hover .menu-title{color:#008cff}
  #header .menu-son.on .menu-title::after,#header .menu-son:hover .menu-title::after{left:0;width:100%}
  #header .menu .pc-hide{display:none!important}
  #header .right-box{position:absolute;right:0;top:0;height:100%}
  #header .search-check{display:block;width:19px;height:19px;background:url(../images/icon_search.png) no-repeat center/contain}
  #header .right-box .line{display:none}
}

/* ===== 移动端导航 (max-width:1200px) ===== */
@media(max-width:1200px){
  #header{position:static;background:#fff}
  .header-box{position:sticky;top:0;z-index:99}
  #header .logo-box{height:56px}
  #header .logo-box img{height:100%}
  #header .mid-box .menu{display:flex;flex-wrap:wrap;flex-flow:column;position:fixed;top:56px;left:0;width:100%;height:calc(100% - 56px);background:#fafafa;overflow-y:auto;opacity:0;pointer-events:none;z-index:-1;transform:scale(.99) translateY(5%);transition:transform .2s ease-in-out,opacity .3s,height .3s,top .3s}
  .menu-show #header .mid-box .menu{opacity:1;pointer-events:auto;z-index:999;transform:scale(1) translateY(0);background:#fafafa}
  #header .mid-box .menu-box{margin:0 auto;max-width:100%;width:768px;padding:0 15px;flex-wrap:wrap}
  #header .mid-box .menu-son{display:flex;width:100%;flex-wrap:wrap}
  #header .mid-box .menu-son .menu-title{display:flex;position:relative;border-bottom:1px solid #eee;width:100%;padding:5px 10px;justify-content:space-between;align-items:center;font-size:16px;line-height:38px;color:#555}
  #header .mid-box .menu-son .menu-title .menu-lib-btn{height:100%}
  #header .mid-box .menu-lib{display:none;border-bottom:1px solid #eee;width:100%;padding:7px 0}
  #header .mid-box .menu-lib .flex-box{justify-content:unset}
  #header .mid-box .menu-lib .flex-box .line{display:none}
  #header .mid-box .menu-lib .flex-box .flex-right{display:none}
  #header .mid-box .menu-lib .menu-lib-title{display:block;width:100%}
  #header .mid-box .menu-lib .menu-lib-title .a{display:block;padding:5px 25px;font-size:14px;color:rgba(0,0,0,.7)}
  #header .right-box .language-block{display:none}
  #header .right-box .language-block+.line{display:none}
  #header .right-box .search-check{display:block;width:19px;height:19px;background:url(../images/icon_search.png) no-repeat center/contain}
}
.phone-menu{display:none}
@media(max-width:1200px){
  .phone-menu{display:block;margin-left:25px;position:relative;width:36px;height:32px;background:#1492ff;border-radius:5px}
  #header .right-box .phone-menu{display:block;margin-left:25px}
}
@media(max-width:768px){
  #header .logo-box{height:46px}
  #header .logo-box img{height:80%}
  #header .mid-box .menu{top:46px;height:calc(100% - 46px)}
  #header .right-box .search-check{width:16px;height:16px}
  .phone-menu{width:32px;height:28px;margin-left:15px}
}
.phone-menu .phone-menu-i{display:block;position:absolute;left:15%;top:50%;margin-top:-1.5px;border-radius:1.5px;width:70%;height:3px;background:#fff;opacity:1;transform:rotate(0);transition:all .3s}
.phone-menu .phone-menu-i.i1{margin-top:-9.5px}
.phone-menu .phone-menu-i.i3{margin-top:6.5px}

/* Banner */
.index-banner{position:relative;text-align:center}
.index-banner .box{display:block}
.index-banner .box img{display:block;width:100%;height:auto}
.index-banner .swiper-btns{position:absolute;left:0;bottom:50%;z-index:2;width:100%}
.index-banner .swiper-btns .btns-box{height:0}
.index-banner .swiper-btns .btn{width:30px;height:60px;background:no-repeat center;opacity:.13}
.index-banner .swiper-btns .prev{background-image:url(../images/icon_jt_1_1_1.png)}
.index-banner .swiper-btns .next{background-image:url(../images/icon_jt_1_2_1.png)}
.index-banner .swiper-points{position:absolute;left:0;bottom:4.21%;z-index:2;width:100%}
@media(max-width:768px){.index-banner .box img{display:block;width:100%;height:auto}.index-banner .swiper-btns .btn{background-size:20px auto}}

/* Swiper 基础 */
.swiper-container{overflow:hidden;position:relative}
.swiper-wrapper{position:relative;width:100%;height:100%;display:flex;transition-property:transform}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container .swiper-points{padding:0;text-align:center}
.swiper-container .swiper-points .swiper-pagination-bullet{margin:0;padding:10px;width:10px;height:10px;border:solid 2px #fff;background:0 0;opacity:1;background-clip:content-box}
.swiper-container .swiper-points .swiper-pagination-bullet-active{border-color:#2e80d4;background:#2e80d4}

/* 产品模块 */
.index-block-a{overflow:hidden}
.index-block-a .swiper-box{position:relative;margin:0 -20px;text-align:center}
.index-block-a .swiper-box .swiper-container{padding:20px 10px}
.index-block-a .swiper-box .box{display:block;margin:10px}
.index-block-a .swiper-box .img-box{display:block;border-radius:10px;background:#fff;position:relative;overflow:hidden;box-shadow:0 0 21px 0 rgba(99,99,99,0)}
.index-block-a .swiper-box .img-box::after{content:"";display:block;width:100%;padding-top:100%}
.index-block-a .swiper-box .cont{padding:43px 0}
.index-block-a .swiper-box .cont .title{margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.4em;letter-spacing:1px;color:#222}
.index-block-a .swiper-box .cont .des{font-size:14px;line-height:1.4em;color:#999}
.index-block-a .swiper-btn .btn{display:block;position:absolute;top:0;z-index:2;width:25px;height:100%;background:no-repeat center}
.index-block-a .swiper-btn .btn.prev{left:-60px;background-image:url(../images/icon_jt_2_1_1.png)}
.index-block-a .swiper-btn .btn.next{right:-60px;background-image:url(../images/icon_jt_2_2_1.png)}
@media(max-width:1200px){.index-block-a .swiper-box{margin:0 -10px}.index-block-a .swiper-box .swiper-container{padding:0 10px}.index-block-a .swiper-box .box{margin:0 10px}.index-block-a .swiper-box .cont{padding:20px 10px 0}.index-block-a .swiper-btn .btn{background-size:16px auto}}
@media(max-width:768px){.index-block-a .swiper-btn .btn.prev{left:0}.index-block-a .swiper-btn .btn.next{right:0}}

/* 关于我们 */
.index-block-c{padding:100px 0 115px;background:url(../images/bg2.jpg) no-repeat center/100% 100%}
.index-block-c .des{margin-top:8px;font-size:16px;line-height:32px;color:#666}
.index-block-c .more-box-a{margin:40px 0}
.index-block-c .left-box{width:40%}
.index-block-c .right-box{width:51.389%}
.index-block-c .right-box img{width:100%;height:auto}
.index-block-c .swiper-container .swiper-slide{text-align:center}
.index-block-c .swiper-container .swiper-slide .box{display:block;position:relative;padding:35px 15px;color:#555}
.index-block-c .swiper-container .swiper-slide .img{display:inline-block;position:relative;margin-bottom:11px}
.index-block-c .swiper-container .swiper-slide .img img{display:block;height:auto}
.index-block-c .swiper-container .swiper-slide .txt{font-size:17px;line-height:1.4em;letter-spacing:1px}
.index-block-c .swiper-points span{margin:0 6.5px;width:13px;height:13px;opacity:1;background:#d5d5d5}
.index-block-c .swiper-points span.swiper-pagination-bullet-active{background:#2e80d4}
@media(max-width:1200px){.index-block-c{padding:35px 0 30px}.index-block-c .left-box{order:2;width:100%}.index-block-c .right-box{order:1;width:100%}.index-block-c .des{margin-top:-15px;font-size:14px;line-height:24px}.index-block-c .more-box-a{margin:20px 0}}

/* 内页Banner */
.auto-banner{position:relative;overflow:hidden}
.auto-banner .img{display:block;width:100%;height:auto}
@media(max-width:768px){.auto-banner{height:180px}.auto-banner .img{position:absolute;left:50%;transform:translate(-50%,0);height:100%;width:auto;max-width:none}}

/* 面包屑 */
.website-map{background:#f7f7f7;padding:22px 0;font-size:14px;line-height:22px;color:#555}
.website-map a{color:#555}
@media(max-width:1200px){.website-map{padding:12px 0}}

/* 产品详情 */
.product-info-a .left-box .big-img .img-box{position:relative;overflow:hidden}
.product-info-a .left-box .big-img .img-box::before{content:"";display:block;width:100%;padding-top:100%}
.product-info-a .left-box .big-img img{display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.product-info-a .right-box .title{font-size:46px;font-weight:400;line-height:1.4em;color:#333}
@media(max-width:1200px){.product-info-a .right-box .title{font-size:20px}}

/* 新闻列表 */
.news-list-a{padding-top:75px}
@media(max-width:1200px){.news-list-a{padding-top:30px}}

/* Footer */
.footer{font-size:14px;color:#6e6e6e;padding-top:56px}
.footer .title{font-weight:600;font-size:15px;color:#222;margin-bottom:10px}
.footer .foot-bot{padding:18px 0;color:#6a6a6a}
.footer .foot-bot a{color:#6a6a6a}
.footer .top{border-bottom:1px solid #dfdfdf}
@media(max-width:1200px){.footer{padding-top:35px}}

/* 颜色 */
.bg0{background:#fff}.bg7{background:#f4f4f4}
#header .menu-son.on .menu-title,#header .menu-son:hover .menu-title{color:#008cff}

/* 联系页 */
.contact-block-a.bg7{margin-top:100px}