@media (max-width: 1024px){
.root-sz-16 {
    font-size: 1.8vw;
}
}
@media (max-width: 640px){
    .root-sz-16 {
        font-size: 3.5vw;
    }
}
.mt100 { margin-top: calc(100 / 16 * 1em) ;}
.pb100 { padding-bottom: calc(100 / 16 * 1em) ; }

.szxy-box1{padding-bottom:calc(100 / 16 * 1em);}
.szxy-box1 .auto{position: relative}
.szxy-box1 .txt{position: absolute;left: 0;top:0;width: 100%;padding:5% 10% 0; text-align: center}
.szxy-box1 .txt .tit{font-size: calc(36 / 16 * 1em);color: #fff;margin-bottom: calc(20 / 16 * 1em)}
.szxy-box1 .txt .desc{font-size: calc(18 / 16 * 1em);color: #fff;line-height: calc(30 / 16 * 1em)}
.szxy-box1 .bg{padding-bottom: 32%;border-radius: 10px;}


.szxy-box2 { background: url(../images/newsBg.jpg) no-repeat center top #f1faff;padding:calc(100 / 16 * 1em) 0;}

/*RighInfo003141 */
.RighInfo003141.hasbg { background: url(../images/newsBg.jpg) no-repeat center top #f1faff; margin-bottom: calc(100 / 16 * 1em);
    padding:calc(100 / 16 * 1em) 0;
    }
    .RighInfo003141 .banner-num { margin-top: calc(100 / 16 * 1em);
    }
    .RighInfo003141 .intro .info { color: #333; }
    .RighInfo003141 .intro .info .slogan {
    font-size: calc(36 / 16 * 1em); color: #008fd5; line-height: 1; margin-bottom: calc(30 / 36 * 1em);
    }
    .RighInfo003141 .intro .info .slogan span { display: block; font-size: calc(20 / 30 * 1em);
    line-height: calc(30 / 20 * 1em);
    margin-top: calc(10 / 20 * 1em);
    }
    .RighInfo003141 .intro .info p { color: #333; font-size: calc(18 / 16 * 1em);
    text-align: justify; line-height: calc(30 / 18 * 1em);
    }
    .RighInfo003141 .intro .info dl { margin-top: calc(30 / 16 * 1em);
    }
    .RighInfo003141 .intro .info dd {
    padding-left: calc(25 / 16 * 1em); color: #777; margin-bottom: calc(10 / 16 * 1em);
     background: url(../images/icon-gou.svg) no-repeat left top calc(5 / 16 * 1em);
     background-size: calc(15 / 16 * 1em) auto;
    }
    .RighInfo003141 .intro .info .dl dd {padding-left: calc(25 / 18 * 1em); margin-bottom: calc(10 / 8 * 1em); color: #333;  font-size: calc(18 / 16 * 1em); line-height: calc(30 / 18 * 1em); background-position: left top calc(5 / 16 * 1em);
     background-size: calc(15 / 16 * 1em) auto;
    }
    .RighInfo003141 .cultrue {
    margin-top: calc(40 / 16 * 1em); background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); overflow: hidden; }
    .RighInfo003141 .cultrue li { position: relative; padding: calc(30 / 16 * 1em) 0;
    }
    .RighInfo003141 .cultrue li .ytable {
    padding: 0 calc(40 / 16 * 1em); color: #333; }
    .RighInfo003141 .cultrue li figure { color: #777; }
    .RighInfo003141 .cultrue li .tit {
    font-size: calc(20 / 16 * 1em); margin-bottom: 5px; }

    .RighInfo003141 .intro:hover .img img{ transform: scale(1.05); }
    .RighInfo003141 .intro .img{ overflow: hidden;}
    .RighInfo003141 .intro .img img{ transition: all 0.5s;}

    @media (min-width:1025px) {
    .RighInfo003141 .intro .img {
    border-radius: calc(10 / 16 * 1em); overflow: hidden; }
    .RighInfo003141 .intro .info { padding-left: calc(100 / 16 * 1em);
    }
    .RighInfo003141 .cultrue li { float: left; width: 50%; }
    .RighInfo003141 .cultrue li:not(:last-child) .ytable { border-right: 1px solid #ebebeb; }
    .RighInfo003141 .cultrue li .img { width: calc(70 / 16 * 1em);
    }
    .RighInfo003141 .cultrue li .img img { height: calc(50 / 16 * 1em);
    }
    }
    
    @media (max-width:1024px) {
    .RighInfo003141 .intro .img { margin-bottom: 2em; }
    .RighInfo003141 .cultrue li .img { width: 5em; }
    .RighInfo003141 .cultrue li .img img { width: 4em; }
    .RighInfo003141 .cultrue li:not(:last-child) { border-bottom: 1px solid #ebebeb; }
    }

    /*Floor003151 */
.Floor003151 { padding:calc(100 / 16 * 1em) 0; background: none; margin-bottom: 0;
}
.Floor003151.hasbg { background: url(../images/newsBg.jpg) no-repeat center top #f1faff; margin-bottom: calc(100 / 16 * 1em);
}
.Floor003151 .img { margin-top: 2vw;
}
.Floor003151 .list li .ytable {padding: calc(40 / 16 * 1em); background-color: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); border-radius: 10px; transition: all 0.5s; }
.Floor003151.hasbg .list li .ytable { box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 5%); }
.Floor003151 .list li .pic { width: 30%;text-align: center; overflow: hidden;}
.Floor003151 .list li .pic figure{padding-bottom: 70%; transition: all 0.5s;}
.Floor003151 .list li .pic img{max-height:calc(80 / 16 * 1em); transition: all 0.5s;  }
.Floor003151 .list li .txt { width: 70%;padding-left: 5%}
.Floor003151 .list li .tit {font-size: calc(24 / 16 * 1em);line-height: calc(30 / 24 * 1em); margin: 0; color: #000; transition: all .5s ease; }
.Floor003151 .list li dl { margin-top: calc(15 / 16 * 1em);}
.Floor003151 .list li dd { color: #777; margin-bottom: calc(10 / 16 * 1em);padding-left: calc(25 / 16 * 1em);background: url(../images/icon-gou.svg) no-repeat left top calc(5 / 16 * 1em);background-size: calc(15 / 16 * 1em) auto;}
.Floor003151 .list li:hover .pic figure{ transform: scale(1.1);}
.Floor003151 .list li:hover .pic img{ transform: rotateY(180deg);}

.Floor003151.ProductCategory li { background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.Floor003151.ProductCategory li a { display: block; position: relative; }
.Floor003151.ProductCategory li .pic { overflow: hidden; }
.Floor003151.ProductCategory li .Ispic { padding-bottom: 64%; transition: 0.3s; background-size: auto 80%; }
.Floor003151.ProductCategory li a:hover .Ispic { transform: scale(1.1); }
.Floor003151.ProductCategory li .tit { text-align: center; font-size:calc(20 / 16 * 1em);
color: #333; margin: 0; line-height: 2; display: block; padding-bottom: calc(20 / 20 * 1em);
}
.Floor003151.ProductCategory li.more .Ispic {background-size: auto 35%; }
.Floor003151 .list-3 li:hover{ background-color: transparent;}
.Floor003151 .list-3 li:hover .ytable {background-color: #008fd5;}
.Floor003151 .list-3 li:hover .ytable p{ color: #fff;}

@media (min-width:1025px) {
.Floor003151 .list-4 li { float: left; width: 23.5%; margin-right: 2%; }
.Floor003151 .list-4 li:nth-child(4n) { margin-right: 0; }
.Floor003151 .list-4 li:nth-child(4n) ~ li { margin-top: 2%; }
.Floor003151 .list-3 li { float: left; width: 32%; margin-right: 2%; }
.Floor003151 .list-3 li:nth-child(3n) { margin-right: 0; }
.Floor003151 .list-3 li:nth-child(3n) ~ li { margin-top: 2%; }
.Floor003151 .list-2 li { float: left; width: 49%; margin-right: 2%; }
.Floor003151 .list-2 li:nth-child(2n) { margin-right: 0; }
.Floor003151 .list-2 li:nth-child(2n) ~ li { margin-top: 2%; }
}

@media(max-width:768px){
    .szxy-box1 .txt .tit{ margin-bottom: calc(10 / 16 * 1em);}
    .szxy-box1{ padding-bottom: 7%;}
    .Floor003151 .list-2 li,
    .Floor003151 .list-3 li,
    .Floor003151 .list-4 li{ width: 100%;}
}
@media(max-width:640px){
    .ny-page,
    .szxy-box2,
    .Floor003151{ padding: 10% 0;}
    .szxy-box1{ padding-bottom: 0; margin-bottom: 5%;}
    .szxy-box1 .txt{ position: relative; z-index: 2; padding: 10%;}
    .szxy-box1 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-bottom: 0; }
    .szxy-box1 .txt .tit,
    .Listtit,
    .RighInfo003141 .intro .info .slogan{font-size: calc(26 / 16 * 1em);}
    .mt100{ margin-top: 10%!important;}
}