.header{position:relative;box-shadow:1px 1px 20px 1px #d2d0d0;}
.detailsbiaoti{width:auto;margin:auto;left:50%;margin-top:100px;display:inline-block;position:relative;transform:translate(-50%,0%);}
.diimg{position:relative;float:left;margin-top:8px;}
.dip{font-size:32px;text-align:center;margin-top:20px;margin-bottom:40px;}
.dpbdiv{width:1360px;margin:auto;position:relative;margin-bottom:77px;}
.dvdiv{width:87%;margin:auto;position:relative;}
.ptimg{    /*display: block;
width: 100%;
height: 100%;
object-fit: cover;*/
display:block;max-width:600px;height:auto;object-fit:cover;margin:auto;width:100%;}
.gallery-top{margin-bottom:8px;}
.sscase{width:100%;    /*height: 279.5px;*/height:160px;overflow:hidden;}
.gallery-thumbs{    /*width: 87%;*/
width:544px;margin:auto;position:relative;}
.gtdiv{position:relative;}
.swiper-button-white{width:41px;height:23px;margin-top:-11.5px;outline:none;}
.pediv{width:810px;display:block;margin:auto;}
.dmdiv{    /*width: 1180px;*/
width:805px;margin:auto auto 30px;}
.projianjie{width:100%;background:#f4f4f4;padding-top:60px;padding-bottom:60px;}
.projianjie img{max-width:100%;vertical-align:top;}
.downloads__item{display:block;width:100%;line-height:75px;margin:auto;font-size:20px;border-bottom:2px solid #121212;position:relative;-webkit-transition:color .6s cubic-bezier(0,.97,.43,1);transition:color .6s cubic-bezier(0,.97,.43,1);overflow:hidden;}
.downloads__item:after{content: '';position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .6s cubic-bezier(0,.97,.43,1);transition:-webkit-transform .6s cubic-bezier(0,.97,.43,1);transition:transform .6s cubic-bezier(0,.97,.43,1);transition:transform .6s cubic-bezier(0,.97,.43,1),-webkit-transform .6s cubic-bezier(0,.97,.43,1);background:#121212;}
.downloads__item:hover span{color:#fff;}
.downloads__item:hover:after{-webkit-transform:translateY(0);transform:translateY(0);}
.psssp{font-size:35px;text-align:center;margin-top:15px;margin-bottom:50px;}
.despan{display:inline-block;float:left;padding-left:6%;width:55%;font-size:16px;}
.despanb{display:inline-block;width:39%;float:left;line-height:30px;margin-top:22px;margin-bottom:22px;}
.detailss{width:100%;background:#f4f4f4;margin-top:77px;}
.dsp{font-size:35px;text-align:center;margin:auto;padding-top:70px;display:block;position:relative;}
.dspcontent{width:1180px;margin:auto;margin-top:70px;padding-bottom:90px;}
.dspcontent p{text-align:center}
.dspcontent img{max-width:700px;margin:auto;}
.pep{font-size:35px;text-align:center;margin-top:80px;margin-bottom:115px;}
.pepdiv{width:990px;margin:auto;overflow:hidden;margin-bottom:160px;}
.pvleft{width:100%;    /*float: left;*/display:block;}
.pvright{width:44%;float:right;}
.ptdiv{width:100%;height:310px;overflow:hidden;}
.pvimg{display:block;width:100%;object-fit:cover;height:100%;transition:all 1s linear;-webkit-transition:all 1s linear;-moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;}
.pvpp{font-size:25px;width:100%;text-align:center;margin-top:20px;line-height:40px;position:relative;display:inline-block;}
.pvpp:after{width:0!important;left:auto!important;right:0!important;content: '';position:absolute;z-index:1;bottom:0;left:0;-webkit-transform-origin:left;transform-origin:left;height:2px;background:#121212;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;}
.pvleft:hover .pvpp:after{width:100%!important;left:0!important;right:auto!important;}
.pvright:hover .pvpp:after{width:100%!important;left:0!important;right:auto!important;}
.pvleft:hover .pvimg{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);}
.pvright:hover .pvimg{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);}
.frimg{height:300px;display:block;margin:auto;}
.frtitle{color:#757575;font-size:30px;text-align:center;margin-top:30px;}
@media screen and (max-width:1600px){
.dpbdiv{width:85%;}
.pepdiv{width:74.64%;margin-bottom:150px;}
.pvpp{        /*font-size: 40px;*/}
.ptdiv{height:400px;}
.detailsbiaoti{margin-top:90px;}
.dip{        /*font-size: 80px;*/
margin-bottom:40px;}
.pep{margin-top:90px;margin-bottom:100px;}
.sscase{        /*height: 274px;*/}
.dspcontent{padding-bottom:115px;}
}
@media screen and (max-width:1500px){
.sscase{        /*height: 257px;*/}
.pepdiv{margin-bottom:145px;}
.pvpp{        /*font-size: 38px;*/}
.ptdiv{height:375px;}
.detailsbiaoti{margin-top:85px;}
.dip{        /*font-size: 75px;*/
margin-bottom:57px;}
.pep{margin-top:85px;margin-bottom:94px;}
.dmdiv{        /*width: 80%;*/}
.dspcontent{width:80%;padding-bottom:105px;}
}
@media screen and (max-width:1400px){
.dspcontent{padding-bottom:100px;}
.sscase{        /*height: 240px;*/}
.pepdiv{margin-bottom:136px;}
.pvpp{        /*font-size: 36px;*/
margin-top:15px;}
.ptdiv{height:350px;}
.detailsbiaoti{margin-top:80px;}
.dip{        /*font-size: 70px;*/
margin-bottom:54px;}
.pep{margin-top:80px;margin-bottom:88px;}
}
@media screen and (max-width:1300px){
.sscase{        /*height: 223px;*/}
.pepdiv{margin-bottom:127px;}
.pvpp{        /*font-size: 34px;*/}
.ptdiv{height:330px;}
.detailsbiaoti{margin-top:75px;}
.dip{        /*font-size: 65px;*/
margin-bottom:52px;}
.pep{margin-top:75px;margin-bottom:82px;}
}
@media screen and (max-width:1200px){
.sscase{        /*height: 206px;*/}
.pepdiv{margin-bottom:118px;}
.pvpp{        /*font-size: 32px;*/}
.ptdiv{height:310px;}
.detailsbiaoti{margin-top:70px;}
.dip{        /*font-size: 60px;*/
margin-bottom:48px;}
.pep{margin-top:70px;margin-bottom:76px;}
.pediv{width:800px;}
.dspcontent{padding-bottom:95px;}
}
@media screen and (max-width:1100px){
.dspcontent{padding-bottom:90px;}
.sscase{        /*height: 188px;*/}
.pepdiv{margin-bottom:100px;}
.pvpp{        /*font-size: 30px;*/
margin-top:10px;}
.ptdiv{height:290px;}
.detailsbiaoti{margin-top:60px;}
.dip{        /*font-size: 55px;*/
margin-bottom:44px;}
.pep{margin-top:65px;margin-bottom:70px;}
.pediv{width:720px;}
}
@media screen and (max-width:768px){
.dmdiv{width:90%;}
.dspcontent{padding-bottom:70px;}
.pediv{width:610px;}
.sscase{height:140px;}
.pepdiv{margin-bottom:70px;}
.pvpp{font-size:23px;margin-top:0px;}
.ptdiv{height:210px;}
.detailsbiaoti{margin-top:45px;}
.dip{        /*font-size: 40px;*/
margin-bottom:33px;}
.pep{margin-top:50px;margin-bottom:50px;}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{display:none;}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{display:none;}
.dpbdiv{margin-bottom:60px;}
.projianjie{padding-top:40px;padding-bottom:40px;}
.despan{padding-left:0%;width:70%;}
.despanb{width:30%;}
.dsp{padding-top:60px;}
.dspcontent{margin-top:60px;}
.psssp{font-size:22px;margin-bottom:15px;}
}
@media screen and (max-width:450px){
.dspcontent{padding-bottom:40px;}
.pediv{width:90%;}
.detailsbiaoti{margin-top:30px;}
.dip{font-size:25px;margin-bottom:25px;margin-top:15px;width:80%;margin-left:10%;}
.dvdiv{width:100%;}
.gallery-thumbs{width:100%;}
.sscase{height:80px;}
.dpbdiv{margin-bottom:45px;}
.projianjie{padding-top:20px;padding-bottom:20px;}
.despan{padding-left:0%;line-height:50px;}
.downloads__item{font-size:16px;}
.despanb{margin-top:15px;margin-bottom:15px;line-height:22px;}
.detailss{margin-top:45px;}
.dsp{padding-top:35px;font-size:25px;}
.dspcontent{margin-top:35px;}
.pep{margin-top:25px;margin-bottom:30px;font-size:25px;}
.pvpp{font-size:13px;line-height:20px;margin-top:10px;}
.ptdiv{height:130px;}
.pepdiv{margin-bottom:40px;width:90%;}
.detailsbiaoti{font-size:14px;}
.diimg{margin-top:6px;}
.dspcontent img{width:90%;}
}
@media screen and (max-width:380px){
.sscase{height:70px;}
.ptdiv{height:136px;}
}
@media screen and (max-width:360px){
.sscase{height:65px;}
.dspcontent{padding-bottom:35px;}
.ptdiv{height:129px;}
}
@media screen and (max-width:320px){
.sscase{height:55px;}
.dip{font-size:22px;}
.dsp{font-size:22px;padding-top:30px;}
.pep{font-size:22px;}
.detailss{margin-top:40px;}
.dspcontent{margin-top:30px;}
.ptdiv{height:115px;}
}