*{outline: none;padding: 0;margin: 0}
body{margin: 0;font-family: "微软雅黑"; padding: 0; margin: 0}
h1,h2,h3{margin: 0}
ul,li{list-style: none;padding: 0;margin: 0}
img{border:none; padding: 0; vertical-align: middle}
.block{display: block}
a{ text-decoration: none}
.fl{ display: block; float: left}
.fr{ display: block; float: right}
.logo{}


::-webkit-scrollbar{width:6px;height:6px;background-color:#F5F5F5}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:6px;background-color:#F5F5F5}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}
.w1200{ width: 1200px; margin: auto}
.page{ width: 100%; overflow: hidden; text-align: center}
.page a{ display: inline-block; height: 36px; line-height: 36px; padding: 0 20px; font-size: 14px; color: #666666; border: 1px solid #666666; transition: 0.3s}
.page a:hover,.page .active{ background-color: #412152; border: 1px solid #412152; color: #fff}

.top{ width: 100%; height: 98px; line-height: 98px;}
.nav li{ float: left; margin-left: 40px}
.nav li a{ font-size: 14px; color: #555555;text-transform: uppercase;}

.banner .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; display: block}

.banner{ width: 100%; position: relative}
.banner-text{ position: absolute; z-index: 2; top: 60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); color: #fff; text-align: center}
.banner-text-t{ font-size: 40px; font-weight: bold; margin-bottom: 20px;}
.banner-text-p{ font-size: 18px; margin-bottom: 66px;}
.banner-text .link{ width: 700px; margin: auto; height: 62px;}
.banner-text .link a{ display: block; transition: 0.3s;-webkit-transition: 0.3s; width: 270px; height: 62px; line-height: 62px; text-align: center;  color: #fff; float: left;
border: 1px solid #fff; font-size: 16px; margin:0 35px}
.banner-text .link a:hover{ background-color: #fff; color: #000}
.nybanner,.nybanner img{ width: 100%}

.ny-title{ width: 100%; text-align: center; height: 46px; line-height: 46px; font-size: 0;padding: 60px 0}
.ny-title>div{ display: inline-block; }
.ny-title span{ font-size: 34px; color: #5a177e; display: inline-block; margin: 0 15px; vertical-align: middle}
.ny-title img{ pointer-events: none}
.copyright{ width: 100%; height: 53px; line-height: 53px; font-size: 14px; color: #616161; background-color: #121212; clear: both}
.share a{ display: inline-block; margin-left: 40px; vertical-align: middle; font-size: 0}
.share a img{transition: 0.5s}
.share a:hover img{ transform: rotateY(180deg); }
.nav .active a,.nav li a:hover{ color: #970be1}
.banner .swiper-pagination-bullet{ width: 8px; height: 8px;  opacity: 1;border: 1px solid #fff}

.banner .swiper-pagination-bullet-active{  background-color: #fff;}

.content{ font-size: 14px; color: #333333; line-height:30px; margin-bottom: 90px;}
.partner-list{ overflow: hidden; width: 1210px}
.partner-list li{ width: 198px; height: 99px; line-height: 99px; font-size: 0; text-align: center; vertical-align: middle; background-color: #412152; border: 1px solid #fff; float: left; margin-left: -1px; margin-top: -1px}

.partner{ width: 100%; padding: 45px 0; background-color: #f2f2f2}
.partner-titlr{ font-size: 36px; color: #666666; text-align: center; line-height: 50px; margin-bottom: 50px;}

.Contact-content{ overflow: hidden}
.ContactL{ width: 530px;}
.Contact-tit{ height: 52px; line-height: 52px; font-size: 22px; color: #333333; margin-bottom: 8px;}
.Contact-line{ width: 100%; height: 1px; background-color: #dcdcdc;margin: 27px 0}
.Contact-line span{ display: block; height: 1px ; width: 38px; background-color: #700ea5 }
.ContactR{ width: 600px;}
.Contact-form-tit{ line-height: 50px;}
.Contact-input{ margin-bottom: 26px; display: block;  width: 580px; height: 54px; padding: 0 5px; border: 1px solid #000}
.Contact-textarea{ margin-bottom: 26px; display: block;  width: 580px; height: 200px; padding: 5px; border: 1px solid #000}
.Contact-btn{ font-size: 24px; color: #fff; width: 200px; height: 56px; background: #412152; border: none; transition: 0.3s; cursor: pointer}
.Contact-btn:hover{ background-color: #331344}
.Officeslist{ overflow: hidden}
.Officeslist li{ width: 25%; float: left; text-align: center}
.Officeslist li img{ display: block; margin: auto}
.Officeslist li span{ line-height: 40px; color: #5f446d}

.WAREHOUSE-list{ width: 1220px; overflow: hidden}
.WAREHOUSE-list li{ width: 590px; margin-right: 20px; margin-bottom: 20px; height: 415px; overflow: hidden; float: left; cursor: pointer}
.WAREHOUSE-list li img{ height: 100%}
.page{ margin: 64px 0}

.product-list{ width: 1208px;  margin-top: 65px; overflow: hidden; padding-top: 1px}
.product-list li{ width: 300px; height:150px; line-height: 150px; text-align: center; font-size: 0; float: left; border: 1px solid #d0d1d3; margin-top: -1px; margin-right: -1px;
position: relative; transition: 0.3s}
.product-list li:hover{ z-index: 2; border:1px solid #700ea5}

.qual-row1-title{ font-size: 20px; color: #5a177e; height: 58px; line-height: 58px; padding-left: 100px;}
.qual-ul{ overflow: hidden}
.qual-ul li{ width: 300px; padding-left: 100px; float: left; font-size: 14px; color: #333333; line-height: 30px; background-repeat: no-repeat; background-position: 45px 10px}
.qual-ul1{ background-image: url(../images/quality_i1.png)}
.qual-ul2{ background-image: url(../images/quality_i2.png)}
.qual-ul3{ background-image: url(../images/quality_i3.png)}
.qual-ul-tit{ line-height: 30px; font-size: 18px; color: #000000; padding-top: 10px;}
.qual-row2{ width: 100%; padding: 100px 0; background-image: url(../images/qual.jpg); background-size: cover; margin-top: 50px;}
.qual-row2-text{ text-align: center; font-size: 18px; line-height: 30px; color: #fff}
.qual-row3{ text-align: center; font-size: 16px; line-height: 30px; color: #333333}
.qual-row4-c .swiper-slide{ overflow: hidden; border: 1px solid #d0d1d3; height: 255px;}
.qual-row4-c .swiper-slide img{ width: 100%; height: 100%; object-fit: cover}
.qual-row4{ margin: 70px auto}

.qual-row4 .swiper-pagination{ position: static; margin-top: 40px;}
.qual-row4 .swiper-pagination-bullet{ border: 1px solid #d0d1d3; opacity: 1; background-color: transparent}
.qual-row4 .swiper-pagination-bullet-active{border: 1px solid #700ea5; background-color: #700ea5}
.solution-ul{ overflow: hidden; margin-bottom: 150px;}
.solution-ul li{ width: 458px; border: 1px solid #fff; padding-left: 80px; float: left; margin-bottom: 15px; padding-right: 50px}
.solution-ul-tit{ font-size: 18px; color: #000; word-break: break-all}