﻿@charset "utf-8"; 
.pro-detail-content .pro-detail-title,.pro-detail-content .pro-intro,.pro-detail-content .pro-review{max-width:1000px;margin-left:auto;margin-right:auto;padding:0 15px}
.pro-detail-content .pro-intro article{padding-right:0}
.news-detail-content article p{margin-top:0}
.knowledges-detail-content article p{margin-top:0}
.abouts-content article .content{width:100%}
.abouts-content article div{margin-bottom:10px}
footer .footer-container .bottom-info .intro .intro-text{-webkit-line-clamp:inherit}
.common-container .contact-wrapper .contact-left{padding:0;background:0 0}
.common-container .contact-wrapper .contact-left ul li:last-child a{background:#2b3aa1;color:#fff;line-height:46px;display:inline-block;padding:0 20px;transition:.4s}
.common-container .contact-wrapper .contact-left ul li:last-child a em{margin-right:6px}
.common-container .contact-wrapper .contact-left ul li:last-child a:hover{background:#222}
.common-container .contact-wrapper .contact-left ul li:last-child{margin-top:20px}
.home-container .welcome-info .part-item{display:flex;justify-content:space-between;margin-bottom:50px}
.home-container .welcome-info .part-item .part-itemlef{width:43%}
.home-container .welcome-info .part-item .part-itemrig{width:53%}
.home-container .welcome-info .part-item .part-itemrig h3{font-size:22px;color:#333;font-weight:400}
.home-container .welcome-info .part-item .part-itemrig .about-list{margin-top:18px}
.home-container .welcome-info .part-item .part-itemrig .about-list li{padding-left:20px;margin-bottom:10px;position:relative;color:#666}
.home-container .welcome-info .part-item .part-itemrig .about-list li:before{content:'';width:8px;height:8px;background:#666;border-radius:50%;position:absolute;left:0;top:6px}
.home-container .welcome-info .part-item .part-itemrig .home-more{display:inline-block;width:auto;background:#2b3aa1;border-radius:23px;color:#fff;font-size:17px;padding:11px 30px;text-align:center;margin-top:20px;transition:all .2s ease-in-out;min-width:200px;box-sizing:border-box}
.home-container .welcome-info .part-item .part-itemrig .home-more:hover{background:#222}
.home-container .partners ul{margin-top:60px}
.home-container .partners ul img{width:100%}
@media screen and (max-width:960px){
.home-container .welcome-info .part-item .part-itemrig .about-list li{margin-bottom:6px;font-size:14px}
.home-container .welcome-info .part-item .part-itemrig .about-list li:before{width:6px;height:6px;top:5px}
.home-container .welcome-info .part-item .part-itemrig .home-more{padding:8px 20px;font-size:15px;min-width:inherit}
}
@media screen and (max-width:768px){
.home-container .welcome-info .part-item{flex-direction:column}
.home-container .welcome-info .part-item .part-itemlef{width:100%}
.home-container .welcome-info .part-item .part-itemrig{width:100%;margin-top:10px}
}
.home-container .part-title:after{display:none}
#applications{margin-top:0;margin-bottom:40px}
.home-container #applications ul li{border:none!important;max-width:inherit;min-width:inherit;flex:inherit;height:auto;padding:0;width:32%;margin-right:2%;margin-bottom:25px}
.home-container #applications ul li:nth-child(3n){margin-right:0}
.home-container #applications ul li img{width:100%}
.home-container #applications ul li:hover img{transform:scale(1)}
@media screen and (max-width:560px){
.home-container .hot-product{margin-top:35px}
.home-container .hot-product ul{margin-top:25px;margin-bottom:25px}
.home-container .hot-product ul li{margin-bottom:10px}
.home-container .partners ul{margin-top:25px}
#applications{margin-bottom:0}
.home-container #applications ul li{margin-bottom:8px}
.home-container .partners{margin-bottom:35px}
}
section.about .flex-jc-sb{margin-top:60px}
.about-l{width:46%}
.home-title{font-size:36px;font-weight:600;color:#232323;text-transform:capitalize}
.home-more{display:inline-block;width:160px;border:1px solid #2b3aa1;text-align:center;color:#2b3aa1;padding:12px 0;text-transform:uppercase;transition:all .2s ease-in-out}
.about-r{width:50%}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.flex{display:flex;flex-wrap:wrap}
.about{padding:50px 0}
.about-l-text{margin:20px 0}
.about-r li{box-sizing:border-box;width:25%;border:1px solid #e5e5e5;text-align:center;padding:26px 10px;transition:all .2s ease-in-out}
.about-r li:hover{box-shadow:0 0 14px #ccc}
.about-r .about-r-title{margin-top:20px;font-size: 14px;line-height: 18px;color: #444}
@media (min-width:1521px){
.home-container .about,.home-container .welcome-info .part-item,.home-container .hot-product ul,.home-container .partners{margin-left:150px;margin-right:150px}
}
@media (max-width:1520px){
.home-container .about{margin-left:100px;margin-right:100px}
}
@media (max-width:1280px){
.home-container .about{margin-left:50px;margin-right:50px}
.about-l,.about-r{width:100%}
.about-r .about-r-title,.home-more{font-size:16px}
.about-l{margin-bottom:20px}
}
@media (max-width:768px){
.home-container .about{margin-left:6.6666666667vw;margin-right:6.6666666667vw}
.about-r li{width:50%}
}
.pro-detail-content .pro-intro .intro-title{display:none}
.container.indvideo {display:flex;justify-content:space-between;margin-top:60px;}
.container.indvideo div {position:relative;width:48%;padding-bottom:30%;}
.container.indvideo div iframe {display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
@media screen and (max-width:768px){.container.indvideo{flex-wrap:wrap}
.container.indvideo div{width:100%;margin-bottom:16px;padding-bottom:60%}}
.home-container .part-title p{padding:0 15px;margin-top:25px;line-height:1.4}
.home-container .partners ul li {max-width:inherit;min-width:inherit;border:1px solid #e5e5e5!Important;box-sizing:border-box;flex:inherit;width:19%;margin-bottom:15px;overflow:hidden;position:relative;}
.home-container .partners ul {justify-content:space-between;}
.home-container .partners ul li img {height:100%;position:absolute;top:0;left:0;object-fit:contain;}
@media screen and (max-width:768px){.home-container .partners ul li{width:49%;padding-bottom:25%}
.home-container .partners{margin-bottom:30px}
.home-container .about{padding-top:0}
section.about .flex-jc-sb{margin-top:10.6666666667vw}
.about-l-text{margin-top:0}}
@media screen and (max-width:560px){.home-container .part-title p{margin-top:0}}

#swiper-part1 .swiper-slide{width:23%}
#swiper-part1 .swiper-wrapper{justify-content:space-between;flex-wrap:wrap}
@media (max-width:768px){#swiper-part1 .swiper-slide{width:48%;margin-bottom:15px}}
html {line-height:28px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img:after{padding-top:81.25%}
.home-container #applications ul li a{position:relative;width:100%;display:block;padding-bottom:75%}
@media screen and (min-width:1251px){.abouts-content.nywidchange{padding-left:calc(50% - 575px);padding-right:calc(50% - 575px)}}
@media screen and (min-width:769px){header nav ul .submenu {width:auto;min-width:100%;right:auto;left:0;display:block;height:auto}
header nav ul li {position:relative}
header nav ul .submenu li,header nav ul .submenu ul{display:block}
header nav ul .submenu li:after {background:none}
header nav ul .submenu li a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left;line-height:40px}
header nav ul .submenu.nav1 ul {background:#fff}
header nav ul .submenu.nav1>li {display:flex;align-items:flex-start;border-bottom:1px solid #ccc}
header nav ul .submenu.nav1>li>a {font-size:16px;width:45%}
header nav ul .submenu.nav1 {width:300px}
header nav ul .submenu.nav1 ul li a {line-height:35px}}
@media screen and (max-width:768px){header nav ul .submenu.nav1 ul{display:none}}
.container.indvideo div{padding-bottom: 0% !important}
ul.video11 {display: flex;flex-wrap: wrap;justify-content: space-between;}
ul.video11 li {width: 48%;margin-bottom: 25px;text-align: center;display: flex;flex-direction: column;}
ul.video11 li iframe {width: 100%;}
ul.video11 li >p:first-child {margin-bottom: 10px;}
.products-content .pro-list .list-1 .pro-img img.loaded{object-fit: contain;}