@charset "utf-8";



/* CSS Document */



.m-menubtn{position: relative;z-index: 102;top:0;right: 0;width:60px;height:60px;cursor: pointer; background:#005bac;-webkit-transition:.5s;transition:.5s; display:none}

.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #fff; margin: auto;}

.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #fff;}

.m-menubtn span:before {bottom: 5px;}

.m-menubtn span:after {bottom: -5px;}

.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}

.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}

.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}

.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}

/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}

*/



.m-menu{position: fixed; right:0;left:0;top:60px; width:100%; height:100vh;z-index:400; background:#fff;display: none;}

.m-menu .m-menu-con{height: -webkit-calc(100vh - 60px);height: -moz-calc(100vh - 60px);height: calc(100vh - 60px);overflow: auto;padding-bottom: 80px;}

.m-menu li{ position: relative;border-bottom: 1px solid #ddd;}

.m-menu li>a{ font-size:16px;line-height:55px; padding:0 20px; position:relative}

.m-menu li>i{ position:absolute; width:55px; height:55px; right:0;top:0;}

.m-menu li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:26px;}

.m-menu li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:19px;}

.m-menu li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}



.m-menu a{ display:block; color:#101010;}

.m-menu .sub{ display:none; background:#f5f5f5; padding:10px 0}

.m-menu .sub a{color:#333; line-height:26px;font-size:14px; padding:2px 20px; position:relative}





.m-footer{color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:99;background: #005299;font-size: 12px;}

.m-footer li{ float:left; width:50%; text-align:center}

.m-footer a{ display:block; line-height:1;color:#fff; padding:2px 0 4px}

.m-footer a i{display:block;height:30px;}

.m-footer .tel i{ background:url(../images/f-ico1.png) no-repeat center; background-size:20px;}

.m-footer .mail i{background:url(../images/f-ico2.png) no-repeat center; background-size:20px;}

.m-footer span{ display:block;}

.inner-nav-m{ display:none; position:absolute;right:0;top:0;width:100%;z-index:9}

.inner-nav-m .tit{font-size:16px; line-height:40px; height:45px; white-space:nowrap; text-overflow:ellipsis; padding-right:20px; color:#333; float:right;position:relative;}

.inner-nav-m .tit:after{ content:""; width:6px; height:6px; border-top:1px solid #333; border-right:1px solid #333; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); display:block; position:absolute;right:5px;top:16px}

.inner-nav-m .sub{position:absolute;top:45px; width:100%;left:0; background:#093580; display:none; }

.inner-nav-m .sub a{ display:block; border-bottom:1px solid rgba(255,255,255,.2); background:#093580; line-height:20px;color:#fff; padding:8px 10px}

.inner-nav-m .sub a:hover{ background:#f4ce1a;}







@media screen and (max-width:1919px){

.wrap{width: 85%;}

}

@media screen and (max-width:1680px){

.menu>ul>li{ margin:0 25px}

.head-r .tel{ padding:0 30px}

.i-advantage .right{width: calc(100% - 420px);}

.i-about-con .txt{ padding-top:1%}

}

@media screen and (max-width:1440px){

.menu>ul>li{ margin:0 20px}

.i-solution{ padding-top:80px}

.space{ padding:80px 0}
.main-advantage{ padding:100px 0}

.i-advantage .left{ width:300px}

.i-advantage .right{width: calc(100% - 360px);}

.nbanner .nbantit h4{ font-size:40px}

.content-about .txt{ padding-top:1%}

.culture .txt{padding-top: 40%;}

.culture .txt h3{ font-size:26px}

.culture .txt .intro{ font-size:16px;}
.productlist2 .pic img{ max-width:380px;object-fit: cover;}

}
@media screen and (max-width:1366px){.productlist2 .pic img{ max-width:300px}}
@media screen and (max-width:1250px){

.head-r .tel{ display:none}

.lang a{ padding:0 32px}

.i-advantage li{ width:110px; height:119px; background-size:cover}

.i-advantage li h3{ font-size:18px; line-height:1.2}

.i-advantage .right{width: calc(100% - 320px);}
.productlist2 .pic img{ max-width:240px}
.productlist2 .tit{ font-size:18px}
}

@media screen and (max-width:1024px){

.menu{ display:none}

.m-menubtn{ display:block}

.header{ line-height:60px}

.header .wrap{ padding-left:20px}

.wrap{ width:100%; padding:0 20px}

.logo{ height:60px}

.logo img{ height:35px}

.lang a{ width:60px; padding:0; justify-content:center; background:#fff; color:#333}

.lang a:hover{ background:#fff}

.nbanner{ margin-top:60px}

.banner{ height:auto; margin-top:60px}

.banner .swiper-pagination-bullet{ width:8px; height:8px}

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px}

.i-solution{ padding-top:45px}

.space, .main-advantage{ padding:45px 0}

.title{ font-size:24px;margin-bottom: 25px;}

.title .en{ font-size:1.25em}

.i-solution-list .txt{padding:20px}

.i-solution-list .s-more{width:32px; height:32px;margin-bottom: 15px;}

.i-solution-list .s-more p{ line-height:32px;padding-left: 15px;} 

.i-solution-list .s-more .add{ width:32px; height:32px}

.i-solution-list li:hover .s-more{width: 95px;}
.en .i-solution-list li:hover .s-more{ width:110px}
.i-solution-list .s-tit{ font-size:20px}

.i-solution-list .s-entit{ font-size:14px;line-height: 1.3;}

.i-advantage{ height:auto; padding:40px 0}

.i-advantage .title{ text-align:center;padding-top: 0;}

.i-advantage .left{ width:100%; height:auto; float:none}

.i-advantage .left:before, .i-advantage .left:after, .i-advantage:before{ display:none}

.i-advantage .right{ width:100%; float:none}

.i-advantage .right ul{ height:auto}

.i-advantage li{ width:20%; height:auto; background:none; border-right:1px dashed rgba(255,255,255,.4)}

.i-advantage li:last-child{ border-right:none}

.i-advantage li .ico{ margin-top:0; margin-bottom:5px}

.footer{ padding-top:30px}

.footer .top{ padding-bottom:20px}

.f-logo img{ height:40px}

.f-nav, .f-contact{ margin-left:8%}

.f-contact{ max-width:40%}

.f-ewm img{ width:100px}

.nbanner .nbantit h4{ font-size:26px; font-weight:normal}

.nbanner .nbantit h4:after{ height:2px;margin-top: 5px;}

.content-about .txt{ padding-top:0}

.content-about h3{ font-size:20px; margin-bottom:2%}

.productCon .txt>h2{ font-size:26px}

.productRelated>.tit span,
.precisionCon .item>.ttit span{font-size:18px;line-height:40px;padding: 0 30px 0 15px;-webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);}

.productRelated-tj, .jianjulist{ padding-bottom:30px}

.productRelated-tj a{ padding:2px}

.productRelated-tj .tit{ padding-top:0}

.productRelated-tj .swiper-pagination-bullet, .jianjulist .swiper-pagination-bullet{ width:8px; height:8px}

.productRelated-tj.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .jianjulist.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .partnerlist.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px}
.precisionCon li{ width:48%}
.jianjulist .pic img{ height:300px}

.newslist .txt h3{ font-size:18px}

.news_fr{ display:none}

.news_fl{ width:100%}

.lacat{ margin-top:60px;font-size:12px;line-height: 1.2;}

.newscon{ padding:4%}

.newscon .n-tit{ font-size:26px}

.page-list a{ padding:15px}

.contact-list{ padding:4%}

.contact-list h2{ font-size:24px}



.inner-nav li a{ font-size:16px; height:60px; text-align:center; line-height:1.2}

.inner-nav li:first-child a{ border-left:0}

.inner-nav li:last-child a:after{ display:none}

.solutionlist li{ margin-bottom:3%}

.solutionlist a{ padding:2%}

.solutionlist h3{ font-size:24px}

.solutionlist .intro{ font-size:14px}

.solutionCon>h2{ font-size:26px; text-align:left}



.culture .txt h3{ font-size:20px}

.advlist ul{ padding:0 10px}

.advlist li h3{ font-size:16px}

.partnerlist{ padding-bottom:30px}

.abtList{ margin-top:40px}
.abtList ul{flex-wrap:wrap}
.abtList li{ width:50%}
.abtList li:nth-child(1),.abtList li:nth-child(2){ padding-bottom:4%}
.abtList h4{ font-size:20px}
.abtList .ico img{ display:block; height:60px}
}

@media screen and (max-width:768px){

.more{ line-height:35px; width:120px;font-size:12px;}

.more em{ height:35px; background-size:auto 4px; margin-left:6px}

.space, .i-advantage, .main-advantage{ padding:30px 0}

.title{ font-size:22px;margin-bottom: 20px;}

.title .en {font-size: 1.1em;}

.i-solution{ padding-top:30px}

.i-solution-list li{ width:50%}

.i-solution-list .s-tit{ font-size:18px}

.i-news-list{ padding-bottom:30px}

.i-news-list h3{ font-size:18px}

.i-news-list .swiper-pagination{ display:block}

.i-product-list li{ width:48%}

.i-product-list .tit{ line-height:50px}

.i-product .more{ margin-top:30px}

.i-advantage li h3{ font-size:16px;}

.i-about-con .pic, .i-about-con .txt{ width:100%}

.i-about-con .pic:before{bottom:-10px}

.i-about-con .pic img{padding-left:10px;}

.i-about-con .txt{ padding-top:30px} 

.i-about-con .intro{ font-size:14px; line-height:28px;margin-bottom:2%}

.i-about-con .intro p{ margin-bottom:10px}

.i-partner{ margin-top:30px}

.footer{ padding-bottom:60px}

.footer .bot{ font-size:12px;padding: 10px 0;}

.m-footer{ display:block}

.f-logo{ float:none; text-align:center}

.footer .top{ padding-bottom:10px}

.f-nav, .f-contact{margin-left:0;}

.f-nav{ width:100%;max-width:100%; }

.f-nav>p{ display:none}

.f-nav ul{ display:flex; display:-webkit-flex;flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15); padding:10px 0; margin:10px 0 20px;}

.f-nav li{ width:33.33%; text-align:center}

.f-contact{max-width:calc(100% - 120px); font-size:12px}

.f-contact .tel .con p{ font-size:18px}

.f-ewm{ font-size:12px}

.footer .bot{border-top:1px solid rgba(255,255,255,.15);}



.main .content{ font-size:14px; line-height:28px}

.content-about .pic{ width:100%}

.content-about .pic:before{bottom:-10px}

.content-about .pic img{padding-left:10px;}

.content-about .txt{ width:100%; padding-top:20px}

.content-about p{ margin-bottom:10px}



.productlist li{ width:48%}

.productlist .tit{ line-height:50px}

.productCon .pic, .productCon .txt{ width:100%}

.productCon .txt{ padding-top:3%}

.productCon .txt .intro{font-size:14px; line-height:28px}

.productCon .txt>h2{ font-size:20px; margin-bottom:2%}

.productRelated{ margin-top:20px}

.productRelated>.tit,
.precisionCon .item>.ttit{ margin-bottom:20px;}
.productRelated>.tit span,
.precisionCon .item>.ttit span{ font-size:16px; line-height:35px;padding: 0 20px 0 10px;}

.newslist li{ width:47%}

.newslist .txt .tit{ flex-wrap:wrap}

.newslist .txt h3{ width:100%}

.newscon .n-tit{ font-size:20px; line-height:1.2}

.newscon .n-time{ padding:5px 0; font-size:12px}

.page-list{flex-wrap:wrap; background:#fff; padding:10px 0}

.page-list P{ width:100%}

.page-list a{ padding:0 15px;font-size: 12px;}



.main .content-contact{ font-size:14px;}

.contact-list{ width:100%}

.content-contact .map{ position:relative; width:100%; height:300px}

.contact-list h2{ font-size:20px}

.contact-list ul{ margin-top:1em}

.contact-list .tel .con p{ font-size:20px}

.solutionlist h3{ font-size:20px}

.solutionlist .intro{-webkit-line-clamp:2;}

.solutionlist .more em, .i-product .more em, .more:hover em{background-size: auto 4px;}

.solutionCon>h2{ font-size:20px}



.culture .txt{ padding-top:35%}

.culture .txt .intro{ font-size:14px}

.techlist ul{ flex-wrap:wrap}
.techlist li{ width:100%; margin-bottom:4%}
.advlist li h3{ font-size:14px}
.productlist2{ display:none}
.m-productlist2{ display:block}
}

@media screen and (max-width:640px){

.culture ul{flex-wrap:wrap}

.culture li{ width:100%; margin-bottom:3%}

.culture .pic:before{ padding-top:60%}

.culture .txt{ padding:10%; display:flex; display:-webkit-flex; justify-content:center; align-items:center;align-content:center;flex-wrap:wrap;}

.culture .txt .intro{ width:100%}



.productRelated-tj .swiper-pagination-bullet, .jianjulist .swiper-pagination-bullet, .banner .swiper-pagination-bullet{ width:6px; height:6px}

.productRelated-tj.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .jianjulist.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .partnerlist.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px}

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px}
.jianjulist .pic img{ height:240px}
.techlist .txt{ padding:4%}
.techlist .txt h3{ font-size:18px; margin-bottom:2%}
.abtList{ margin-top:20px;border-top:1px solid #e8e8e8;}
.abtList li{ width:100%;border-left:0; border-bottom:1px solid #e8e8e8; padding:15px 0}
.abtList h4{margin: 1% 0 2%}
.abtList .ico img{ height:45px}
.abtList .info p:last-child{ margin-bottom:0}
.abtList li:nth-child(1), .abtList li:nth-child(2){ padding-bottom:15px}
}

@media screen and (max-width:480px){

.footer{ padding-top:20px}

.f-logo img{ height:30px}

.wrap{ padding:0 15px}

.title{ font-size:20px; margin-bottom:15px}
.title .en{ font-size:.8em}

.i-solution-list .txt{ padding:15px 15px 20px}

.i-solution-list .s-tit, .i-product-list .tit, .i-news-list h3{ font-size:16px}

.i-solution-list .s-tit{ line-height:1.2}

.i-solution-list .s-entit{ font-size:12px; line-height:1.2}
.i-solution-list .s-more,
.i-solution-list .s-more .add{ width:30px; height:30px}
.i-solution-list .s-more p{ line-height:30px}

.i-product .more{ margin-top:10px}

.i-product-list .tit{font-size:14px;line-height:35px;padding: 0 40px 0 10px;background: url(../images/arrow.png) no-repeat right 10px center; background-size:auto 5px}

.i-advantage li h3{ font-size:14px}



.i-news-list h3{-webkit-line-clamp: 2;line-height: 1.4;margin-bottom: 2%;}

.i-news-list .desc{ line-height:1.4}

.nbanner .nbantit h4{ font-size:16px}
.nbanner .nbantit h4:after{ height:1px}


.productlist ul{ margin-right:0}

.productlist li{ width:100%; margin-right:0; margin-bottom:4%}

.productlist .tit{font-size:16px;line-height:45px;padding: 0 40px 0 10px;background: url(../images/arrow.png) no-repeat right 10px center; background-size:auto 5px}

.productRelated-tj .tit{ font-size:16px}

.newslist ul{ margin-right:0}

.newslist li{ width:100%; margin-right:0;margin-bottom: 5%;}

.newslist .txt .tit{ padding:2.5% 0 0;line-height:1.2;}

.newslist .txt h3{ font-size:16px}

.newslist .txt .time{ line-height:20px}

.newslist .txt .desc{ min-height:inherit; margin-bottom:2%}

.contact-list h2{ font-size:16px}

.contact-list .tel .con p{ font-size:18px}

.contact-list .ico{ width:35px; height:35px;margin-right: 6px;}

.contact-list .con{padding-top:2px}

.contact-list li{ margin-bottom:8px}

.content-contact .map{ height:220px}

.inner-nav li a{ font-size:14px; height:50px}
.en .inner-nav li a{ font-size:12px}

.solutionlist .intro{ display:none}

.solutionlist h3{ font-size:16px; margin-bottom:5%}

.more{line-height: 30px;display: inline-flex;padding: 0 5px;width: auto;}

.more em{ height:30px; margin-left:2px}

.advlist li .ico{ margin-bottom:0; height:32px}

.advlist li h3{ font-size:14px}
.jmjg{ text-align:left}
.precisionCon li{ width:100%; margin-right:0}
.precisionCon h4{ padding:7px}
.advlist ul{ padding:0;flex-wrap:wrap; background:none;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)}
.advlist li{ width:33.33%;}
.advlist li:after{ display:none}
.advlist li .con{padding:5% 0}
.m-productlist2 ul{ margin-right:0}
.m-productlist2 li{ width:100%; margin-left:0}
}