@charset "utf-8";
:root{--color:#7A3A98}
#prodcate {background: url(../images/202011061340489e0557c7cb67436a94d9d0fc33542808.jpg) right top no-repeat;}
.prwtit {font-size: 22px;}
.prpopwind{background:transparent}
.logo{max-width:none}
.navlist>li>a{line-height:85px;font-size:20px}
.pro-detail-content .pro-intro article{padding-right:0;}
.pro-detail-content .pro-intro{margin:0 auto;max-width:1000px;padding:0 20px;box-sizing:border-box;}
.pro-detail-wrap{background:#f8f8f8;}
.pro-detail-content .pro-detail-title{padding:0 20px;margin:0 auto;max-width:1000px;}
.abouts-content{line-height:1.75em}
.products-content .pro-list{justify-content:left}
footer .footer-top .contact-left .contact-logo img{max-width:110px;}
footer .footer-container .bottom-info .nav ul li:nth-child(3),
footer .footer-container .bottom-info .nav ul li:nth-child(6),
footer .footer-container .bottom-info .nav ul li:nth-child(8){display:none}
@media (min-width:769px){
header nav ul li{position:relative}
header nav ul  .submenu{flex-direction:column;width:auto;right:initial;left:0;height:auto}
header nav ul  .submenu li a,header nav ul  .submenu li a{white-space:nowrap;line-height:2}
header nav ul  .submenu li:after{display:none}
header nav ul  .submenu li{padding:5px 0}}
.project-list{margin-top:50px}
.project-img{width:100%}
.project-img img{width:100%;max-width:100%;max-height:100%;transition:all .4s ease}
.project-info{padding:8px}
.project-name{margin-top:10px;color:#4c4c4c;font-weight:700;font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.project-content{margin:10px 0;color:#707070;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.project-list li:hover .project-name{color:#2b3aa1}
.project-list li:hover{border-color:#2b3aa1;box-shadow:0 0 5px 1px rgba(0,0,0,.3);transform:translateY(-3px)}
.project-list li{margin-right:25px;width:23%;border:2px solid #eee;box-sizing:border-box;margin-bottom:50px;transition:all .4s ease}
.project-list li:nth-of-type(4n){margin-right:0}
@media (max-width:768px){.project-list{margin:0}
.project-list li{width:46%;margin-right:4vw;margin-bottom:6.6666667vw}
.project-list li:nth-of-type(2n){margin-right:0}}
@media screen and (min-width:769px){header nav>ul >li >a {white-space:nowrap;}
header nav,header .header-top {padding:0 calc(50% - 700px);}
header nav ul li {margin:0 15px;}
header .header-top .top-right #xyz {width:130px;}}
@media screen and (max-width:1450px) and (min-width:769px){header nav,header .header-top{padding:0 20px}
header nav ul li {margin:0 10px;}}
@media(min-width:769px){
header nav ul .submenu li{position:relative;}
header nav ul .submenu li ul{position:absolute;left:100%;top:0;background:#fff;flex-direction: column;min-width: 160px;display:none;}
header nav ul .submenu li:hover ul{display:block;}
}
header nav .header-logo{margin-left:30px;}
.home-container .about-info .about-content{background:#808080}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {border:none}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {display:none;}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {background:none;}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img {opacity:1;}
.welitembox {background:#fff;position:absolute;bottom:10px;width:calc(100% - 20px);left:10px;border-radius:8px;padding:6px;height:60px;display:flex;align-items:center;justify-content:center;}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {margin:0;padding:0 0 10px;text-align:center;font-size:15px;font-weight:bold;color:#7A3A98;position:relative;line-height:1.2;min-height: inherit;}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title:after {content:'';width:44px;height:2px;background:#aaa;position:absolute;left:50%;margin-left:-22px;bottom:0;}
@media (max-width:768px){.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{font-size:13px;padding-bottom:7px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title:after{width:30px;margin-left:-15px}
.welitembox{height:50px}}
.home-container .welcome-info .part-item .swiper-wrapper{justify-content: space-between;flex-wrap:wrap;}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide{width:18%;margin-bottom:20px;}
.home-container .welcome-info .part-item{margin:80px 20px 0;}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img{height:auto;}
@media(max-width:768px){.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide{width:47%}}
.home-container .part-title:after {display:none;}
footer .footer-top {display:none;}
.home-container .partners {margin-top:80px;margin-bottom:70px;}
.home-container .partners ul {margin-top:50px;}
.home-container .partners ul li {overflow:hidden;}
@media (max-width:560px){.home-container .partners {margin-top:40px;margin-bottom:40px;}
.home-container .partners ul {margin-top:25px;}
.home-container .welcome-info .part-item{margin-top:25px}}
@media(min-width:768px){
.home-container .partners ul li{max-width: 25%;min-width: 24%;padding-bottom: 20%;}}
.welitembox{display:none;}
.home-container .about-info{flex-direction: row-reverse;max-width: 1300px;margin: 0 auto;}
.home-container .about-info .about-content{background:none;}
.home-container .about-info .about-content .content-title{color:#7a3a98;}
.home-container .about-info .about-content article p{font-size: 18px;color: #666;line-height: 30px;}
.home-container .about-info .about-content .about-btn{border: 1px solid #000;width: 150px;height: 40px;border-radius: 20px;}
.home-container .about-info .about-content .about-btn a {color: #000;}
.home-container .about-info .about-content article{padding-right: 80px;}
.home-container .about-info .about-content .about-btn:hover a{color:#fff;}
.home-container .about-info .about-content .about-btn:hover{background:#7a3a98;}
.home-container .welcome-info {margin-top:20px}