@charset "utf-8";
:root{--color:#100a64}
.home-container .part-title:after{display:none !important}
#swiper-part1 .swiper-slide{width:23%}
#swiper-part1 .swiper-wrapper{flex-wrap:wrap;justify-content:space-between}
@media (max-width:768px){#swiper-part1 .swiper-slide{width:48%;margin-bottom:15px}}
.news-detail-content img{margin:0 auto}
header nav .header-logo img{height:50%}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title{text-align:center}
.knowledges-content .knowledges-list .list-2:hover img{transform:scale(1.1)}
.knowledges-content .knowledges-list .list-2{overflow:hidden}
ul.w1210.cl {display:flex;flex-wrap:wrap;margin-top:25px;justify-content:space-between}
ul.w1210.cl li {display:flex;width:31.3%;margin-bottom:25px;background-color:#fff;padding:16px 0px 14px 14px;border:1px solid #ccc;box-sizing:border-box}
ul.w1210.cl li .down2_02 {width:calc(100% - 200px);position:relative}
ul.w1210.cl li .down2_01 {display:block;margin-right:15px}
ul.w1210.cl li h3 {font-size:18px;color:#595757;font-weight:normal;margin-top:2px;line-height:20px}
ul.w1210.cl li h3 span {display:block;font-size:16px}
ul.w1210.cl li p {font-size:15px;display:flex;width:100%;margin-top:58px;justify-content:space-between;align-items:center;position:absolute;bottom:5px;color:#777}
ul.w1210.cl li p a img {display:block}
ul.w1210.cl li p a img:nth-child(2) {display:none}
ul.w1210.cl li p a:hover img:nth-child(2) {display:block}
ul.w1210.cl li p a:hover img:nth-child(1) {display:none}
@media screen and (max-width:992px){ul.w1210.cl li .down2_01{width:135px}
ul.w1210.cl li .down2_02{width:calc(100% - 165px)}}
@media screen and (max-width:768px){ul.w1210.cl li{width:100%}}
@media screen and (max-width:480px){ul.w1210.cl li{padding:8px}}
.pro-detail-content .pro-intro article {  max-width:1100px;    margin:0 auto; padding:50px;  background:#f8f8f8}
.project-list{margin-top:50px}
.faq-list li{background:url(/images/m407/faq.png) no-repeat;background-size:60px;background-position:10px 20px;width:100%}
.faq-list li .project-info{width:100%;padding:20px 20px 20px 80px}
.faq-list li .project-info .project-content{margin:10px 0 0;-webkit-line-clamp:5}
.faq-list li:hover{transform:translateY(0);box-shadow:none}
.faq-list li {display:flex;align-items:center;flex-wrap:wrap;border:1px solid #f6f6f7;border-radius:10px 10px 0 0;overflow:hidden;margin-bottom:40px;transition:all .3s ease-in-out}
.project-name{font-size:22px}
@media (max-width:768px){.project-list{margin:0}.faq-list li{margin-right:0}}
@media (min-width:769px) and (max-width:1520px){header nav ul li{margin:0 10px}}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a{-webkit-line-clamp:inherit;overflow:inherit}
.lang-flex .lang-wrap{padding:2px 5px}
.lang-flex .lang-wrap li{padding:4px}
@media (min-width:769px){.lang-flex .lang-wrap{width:540px}
.common-container .news-content .news-list .list-1{flex-direction:row-reverse}
.common-container .news-content .news-list .list-1 .news-info{flex:1;margin-left:20px}}
@media (max-width:768px){.lang-drop.lang-flex{right:-50px;transform:translateX(0)}
.lang-drop.lang-flex .lang-arrow{left:270px!important}
.common-container .news-content .news-list .list-1{height:auto;box-sizing:border-box;width:49%;padding:10px;flex-direction: column-reverse}
.common-container .news-content .news-list .list-1 .news-img{display:block;width:100%;height:auto;min-width: inherit;max-width:100%}
.common-container .news-content .news-list .list-1 .news-info .news-date{transform:scale(1);left:0}
.common-container .news-content .news-list .list-1 .news-info .news-title a{font-size:4vw}}