﻿@charset "utf-8"; 
:root{--fontfamily:Arial,Helvetica,sans-serif}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {line-height:1.5}
.abouts-content,.pro-detail-content .pro-intro article {line-height:1.8}
.knowledges-detail-content article p,.news-detail-content article p {line-height:1.8;margin:8px 0}
.floatwindow_more_box{height:auto!important}
.home-container .about-info .about-img img{height:100%;object-fit:cover}
@media (min-width:769px){.home-container .about-info .about-img{width:80%}
.home-container .about-info .about-content article{padding-left:40px;padding-right:50px}
.home-container .about-info .about-content .content-title{padding-left: 40px}}
@media (max-width:768px){.home-container .about-info .about-content{position:static;background:var(--color)}
.home-container .about-info .about-img img{opacity:1}
.home-container .about-info{display:block}
.home-container .about-info .about-content article{margin:5px 0 10px}}
.home-container .lastest-news ul {width:auto;margin:0 260px;justify-content:space-between}
@media (min-width:1281px) and (max-width:1520px){.home-container .lastest-news ul {width:auto;margin:0 100px}}
@media (min-width:1081px) and (max-width:1280px){.home-container .lastest-news ul {width:auto;margin:0 50px}}
@media (min-width:769px) and (max-width:1081px){.home-container .lastest-news ul {width:auto;margin:0 25px}}
@media screen and (max-width:768px){.home-container .lastest-news ul {width:auto;margin:0 6.6666666667vw}}
.home-container .lastest-news ul li {width:calc(50% - 15px);flex-basis:calc(50% - 15px);margin-bottom:40px;transition:all .3s ease-in-out;box-shadow:0px 0px 5px #ccc}
.home-container .lastest-news ul li:hover{transition:all .3s ease-in-out;box-shadow:0 5px 10px #e3e3e3;transform:translateY(-4px)}
.home-container .lastest-news ul li a {width:100%;display:block;height:100%}
.home-container .lastest-news ul li a object {justify-content:center;width:100%;height:100%}
.home-container .lastest-news ul li .news-img {height:100%;display:flex;align-items:center;width:50%;flex-basis:50%}
.home-container .lastest-news ul li .news-content {padding:18px 25px;background:#fff;width:56%;flex-basis:56%;display:block}
.home-container .lastest-news ul li .news-content:before,.home-container .lastest-news ul li .news-content:after {display:none}
.home-container .lastest-news ul li .news-content .news-title {font-size:18px;color:#050713;margin:0 0 5px;position:relative;line-height:22px;height:48px}
.home-container .lastest-news ul li .news-content .news-title:after {content:"";position:absolute;width:50px;background:#2b3aa1;height:2px;bottom:0;left:0}
.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .more-link {display:none}
.home-container .lastest-news ul li .news-content article {font-size:14px;line-height:1.6;color:#848484;margin:10px 0 0}
.home-container .lastest-news ul li:nth-child(3) a object,.home-container .lastest-news ul li:nth-child(4) a object {flex-direction:row}
.home-container .lastest-news ul li:hover .news-title {color:#2b3aa1}
@media (max-width:1081px){.home-container .lastest-news ul li{width:100%;flex-basis:100%}}
@media screen and (max-width:768px){.home-container .lastest-news ul li:nth-of-type(2n){display:block}
.home-container .lastest-news ul li .news-content article{display:-webkit-box}}
@media screen and (max-width:500px){.home-container .lastest-news ul li .news-content{padding:15px}
.home-container .lastest-news ul li .news-content article{-webkit-line-clamp:2}}
header .header-top .top-right #xyz .xyz12 span{right:0}
.home-container .about-info .about-content article p{text-align:justify}
footer .footer-top,footer .footer-container .bottom-info .cate{display:none}
footer .footer-container .bottom-info>li .title{font-size:18px}
footer .footer-container .bottom-info .intro .intro-text,footer .footer-container .bottom-info .nav ul li a{font-size:14px}
footer .footer-container{background:url(/js/31969/foot-bg.jpg) no-repeat}
header nav ul li{position:relative}
header nav ul .submenu{flex-direction:column;width:auto;right:initial;left:50%;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}
footer .top-btn{display:none !important}
header nav ul .submenu{transform:translate(-50%) !important}
footer .footer-container {background:url(/images/m402/yellow/imgs/foot-bg.jpg) no-repeat;background-size:cover;height:auto}
footer .footer-container>ul,footer .footer-container .bottom-info {margin-top:0;background:transparent}
footer .footer-container .right-text {border-top:1px solid #272727;height:50px;font-size:16px;color:#595959;background:#111;line-height:50px}
header nav ul li a{font-weight:500}
.pro-detail-content .pro-intro article{padding-right:0}
.pro-detail-content .pro-intro article .table-responsive table{max-width:100%;width:100%}
.home-container .welcome-info .part-title:after{display:none}
.home-container .hot-product .part-title:after{display:none}
.home-container .partners .part-title:after{display:none}
header nav ul .submenu li a{font-size:15px}
.pro-detail-content .pro-review .pro-preview-right article{margin-right:0}
.home-container .partners ul li {max-width:30%;min-width:30%;padding-bottom:24%;border:none}
.home-container .partners ul li:hover img {transform:scale(1);border:none}
.home-container .partners ul{justify-content:space-between}
.home-container .partners ul li span{text-align:center;display:block;font-size:18px;padding-top:16px}
.abouts-content img{height:auto!important}
.knowledges-content .knowledges-list .list-1 .knowledges-img{display:none}
@media (min-width:769px){header nav ul .submenu li a {text-align:left;padding:0 14px;display:block}
header nav ul .submenu li {display:block;width:100%;margin:0}}
.home-container .hot-product ul li .pro-img a {display:block;position:relative;padding-bottom:100%;width:100%}
.home-container .hot-product ul li .pro-img img {position:absolute;top:0;left:0;object-fit:contain}
@media (min-width:1082px){footer .footer-container>ul>li .content .content-text, footer .footer-container>ul>li .content .content-text a{font-size:12px;-webkit-line-clamp:inherit}
footer .footer-container>ul>li.map .content{padding-top:15px;}}
@media (min-width:1082px) and (max-width:1600px){footer .footer-container>ul,footer .footer-container .bottom-info{margin-left:80px;margin-right:80px;}}
@media (max-width:768px){footer .footer-container>ul>li .content .content-text{font-size:12px;}}
@media (max-width:1520px){footer .footer-container .bottom-info{margin-left:100px;margin-right:100px}}
@media (max-width:1280px){footer .footer-container .bottom-info{margin-left:50px;margin-right:50px}}
@media (max-width:1080px){footer .footer-container .bottom-info{margin-left:25px;margin-right:25px}}
@media (max-width:768px){footer .footer-container .bottom-info{margin-left:0;margin-right:0}}
@media (min-width:769px){footer .footer-container .bottom-info {justify-content:space-between;}
footer .footer-container .bottom-info>li {width:auto;flex:inherit!important;max-width:33%;margin:0;}
footer .footer-container .bottom-info>li.code{max-width:15%}
footer .footer-container .bottom-info .intro .intro-text{display:block}}
@media (max-width:1080px) and (min-width:769px){footer .footer-container .bottom-info>li{max-width:32%}}
@media (max-width:768px){footer .footer-container .right-text{height:auto;text-align:center;line-height:1.4;font-size:15px}}
footer .footer-container{min-height:inherit}