/* CSS Document */
.overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.container-fluid {max-width: 80% !important;margin:0 auto;}
a { text-decoration: none !important; cursor: pointer !important;}
a:hover { text-decoration: none !important; }
.sizeCover { background-position: 100%;height: 700px;background-size: cover;background-repeat: no-repeat;}
.no-margin { margin: 0 !important;}
.swiper-pagination span, input, button, textarea { outline: none;}
.content { position: relative; z-index: 2;}
.swiper-container { height: auto !important;}
.main-mar-1 {margin: 60px 0 0;}
.pull-left{float:left;}
.pull-right{float:right;}
.text-center{text-align:center;}
.pro-tit {max-width: 80% !important;margin: 0 auto;}
.pro-tit p {font-size: 20px;color: #00000070;line-height: 40px;margin: 0 0 10px;text-align: center;text-indent: 0;}
.pro-list {width: 80% !important;margin-right: auto;margin-left: auto;overflow: hidden;border: 1px solid #eeeeee;border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; height: calc(40vw * 382 / 761 + 50px);}
.pro-left, .pro-right {width: 50%;overflow: hidden;float: left;padding-left: 30px;padding-top: 30px;}
.pro-right img {width: 80%;float: right;}
.pro-right .img1 {width: 100%;float: left;/*margin-top: 30px;margin-left: 30px;*/border-radius: 10px 5px 5px 10px;-webkit-border-radius: 10px 5px 5px 10px; -moz-border-radius: 10px 5px 5px 10px; -o-border-radius: 10px 5px 5px 10px; transition: all 0.6s;}
.pro-right video {width: 100%;float: left;/*margin-top: 30px;margin-left: 30px;*/border-radius: 10px 5px 5px 10px;-webkit-border-radius: 10px 5px 5px 10px; -moz-border-radius: 10px 5px 5px 10px; -o-border-radius: 10px 5px 5px 10px; transition: all 0.6s;}

.pro-right .img1:hover{-webkit-transform: scale(1.07);	transform:scale(1.07);}


.pro-list h3 { margin-top: 0; }
.pro-left { display: table; }
.pro-left h3{text-align: center; color: #D8282A;font-size: 36px;font-weight: bold;}
.pro-left h3.pro-txt {line-height: 50px;}
.pro-left h3.pro-txt1 {margin-bottom: 50px;line-height: 40px;}
.pro-left p {text-align: justify; font-size: 20px;color: #00000070;line-height: 40px;}
.marbot60, .pro-tit.marbot60 { margin-bottom: 60px; }
.marbot100, .pro-tit.marbot100 { margin-bottom: 100px; }
.pro-list .zleft { /*padding-right: 10%;*/ }
.pro-list .zright {padding: 5% 5%;margin-top: 30px;}
.pro-tit-nav { text-align: center; margin-bottom: 50px; }
.pro-tit b { font-size: 36px; color: #111; line-height: 40px; font-weight: normal;}

.title-8 {margin: 20px auto;font-size: 38px;color: #3b3b3b;line-height: 60px;}
.title-8 b { font-weight: normal; }
.text-3 .biaoti { margin-bottom: 30px; font-size: 40px; color: #333; line-height: 50px;}
.text-3 .jieshao {font-size: 22px;color: #00000070;line-height: 34px;}
.pictrue-10 ul li .textbox {float: left;padding-right: 30px;width: 55%;}
.pictrue-10 ul li .textbox .biaoti { margin-bottom: 90px; font-size: 46px; color: #333; line-height: 50px; text-align: right;}
.pictrue-10 ul li .textbox .jieshao .ul .li:first-child { padding: 0 0 20px;}
.pictrue-10 ul li .textbox .jieshao .ul .li { padding: 20px 0; border-bottom: dashed 1px #8f8f8f;}
.pictrue-10 ul li .textbox .jieshao .ul .li .mc {padding-right: 20px;width: 220px;font-size: 22px;color: #D8282A;line-height: 21px;padding-top: 16px;}
.pictrue-10 ul li .textbox .jieshao .ul .li .text {width: calc(100% - 220px);font-size: 20px;color: #00000070;line-height: 27px;text-align: justify;}
.pictrue-10 ul li .imgbox { float: right; width: 45%; font-size: 0; text-align: right;}
.pictrue-10 ul li .imgbox img { max-width: 100%;}
.pictrue-16-box { margin-top: 50px; overflow: hidden; height: 700px;}
.pictrue-16 { position: relative; margin: 0 -20%; font-size: 0;}
.pictrue-16 img { max-width: 70%;}
.pictrue-16 .swiper-pagination { position: inherit; margin: -40px auto 0;}
.pictrue-16 .swiper-pagination span { margin: 0 10px; width: 16px; height: 16px; background: none; border: solid 1px #ffffff; opacity: 1; transition: all 0.5s; z-index: 999;}
.pictrue-16 .swiper-pagination span.swiper-pagination-bullet-active { background: #ffffff;}


.gsdt{width: 100%;margin: 0 auto;}
.gsdt img{width: 100%;}
.gsdt .cpqjt-ifra{width: 100%;height: 650px;margin: 0 0 -100px;}
.pjdp{width: 80%;margin: 30px auto 60px;height: calc(40vw + 360px);}
.cp-titmain{width: 100%;background: url("/anlpsonline/skin/anlps/images/product/titbg.png");height: calc(100vw * 539 /1920);background-repeat: no-repeat;background-size: cover;}
.cp-titmainz{width: 100%;background: url("/anlpsonline/skin/anlps/images/product/zbg.png");height: calc(100vw * 539 /1920);background-repeat: no-repeat;background-size: cover;}
.cp-titmaing{width: 100%;background: url("/anlpsonline/skin/anlps/images/product/gbg.png");height: calc(100vw * 539 /1920);background-repeat: no-repeat;background-size: cover;}
.cp-titmainm{width: 100%;background: url("/anlpsonline/skin/anlps/images/product/mbg.png");height: calc(100vw * 539 /1920);background-repeat: no-repeat;background-size: cover;}


.pjdp-main{width: 100%;margin: 0 auto;position: relative;}
.pjdp-li-befor{width: 25%;/*height: calc(40vw + 120px);*/margin-top: 10%;position: absolute;left: 0;right: auto;pointer-events: none;}

.pjdp-li-aft{width: 25%;/*height: calc(40vw + 120px);*/margin-top: 10%;position: absolute;right: 0%;left: auto;}

.pjdp-li-all{width: 100%;}
.pjdp-li-all img{width: 100%;filter: blur(3px);}
.pjdp-li-all h1{font-size: 26px;text-align: center;color: #C32022;font-weight: bold;line-height: 50px;}
.pjdp-li-all p{font-size: 18px;text-align: center;display: none;color: #7b7b7b;}

.pjdp-li-active{width: 44%;height: calc(40vw + 120px);left: 28%;margin-top: 0%;position: absolute;right: auto;}
.pjdp-li-active .pjdp-li-all img{width: 100%;border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 2px solid #aaaaaa;filter: blur(0px);}
.pjdp-li-active .pjdp-li-all h1{font-size: 26px;text-align: center;color: #C32022;font-weight: bold;line-height: 50px;margin: 40px auto 10px;}
.pjdp-li-active .pjdp-li-all p{font-size: 18px;text-align: center;color: #7b7b7b;display: block;text-indent: 0;}


/*.pjdp-left{width: 25%;float: left;margin: 15% auto 0;}
.pjdp-left .pjdp-left-all{width: 100%;}
.pjdp-left .pjdp-left-all img{width: 100%;filter: blur(3px);}
.pjdp-left .pjdp-left-all h1{font-size: 26px;text-align: center;color: #C32022;font-weight: bold;line-height: 50px;}
.pjdp-left .pjdp-left-all p{font-size: 18px;text-align: center;display: none;color: #7b7b7b;}
.pjdp-main{width: 50%;float: left;height: calc(40vw + 260px);padding: 3%;}
.pjdp-main .pjdp-main-all{width: 100%;}
.pjdp-main .pjdp-main-all img{width: 100%;border-radius: 50%;border: 2px solid #aaaaaa;}
.pjdp-main .pjdp-main-all h1{font-size: 26px;text-align: center;color: #C32022;font-weight: bold;line-height: 50px;margin-top: 40px;}
.pjdp-main .pjdp-main-all p{font-size: 18px;text-align: center;color: #7b7b7b;}
.pjdp-right{width: 25%;float: right;margin: 15% auto 0;}
.pjdp-right .pjdp-right-all{width: 100%;}
.pjdp-right .pjdp-right-all img{width: 100%;filter: blur(3px);}
.pjdp-right .pjdp-right-all h1{font-size: 26px;text-align: center;color: #C32022;font-weight: bold;line-height: 50px;}
.pjdp-right .pjdp-right-all p{font-size: 18px;text-align: center;display: none;color: #7b7b7b;}*/


.sjys-fiv{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg.png");background-size: 100% 100%; height: calc(100vw*1176/1920);}
.sjys-fiv-f1{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg-f1.png");background-size: 100% 100%; height: calc(100vw*1100/1920);}
.sjys-fiv-f2{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg-f2.jpg");background-size: 100% 100%; height: calc(100vw*1100/1920);}
.sjys-fiv-lk{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg-lk.png");background-size: 100% 100%; height: calc(100vw*1100/1920);}
.sjys-fiv-lc{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg-lc.png");background-size: 100% 100%; height: calc(100vw*1100/1920);}
.sjys-fiv-lf{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg-lf.png");background-size: 100% 100%; height: calc(100vw*1100/1920);}
.sjys-fiv-p{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg-p.png");background-size: 100% 100%; height: calc(100vw*1100/1920);}
.sjys-fiv-n{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg-n.png");background-size: 100% 100%; height: calc(100vw*1100/1920);}
.sjys-fiv-st{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg-st.png");background-size: 100% 100%; height: calc(100vw*1100/1920);}
.sjys-fiv-m{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg-m.png");background-size: 100% 100%; height: calc(100vw*1100/1920);}
.sjys-fiv-gw{width: 100%;margin: 0 auto;background: url("../images/product/sjys-bg-gw.png");background-size: 100% 100%; height: calc(100vw*1100/1920);}



.sjys-fivmain{width: 80%;margin: 0 auto;}
.sjys-li{width: 27.5%;height: calc(22vw);border: 1px solid #aaaaaa; border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;float: left;margin: 50px 2.8%;}
.sjys-li:nth-child(4){margin-left: 20%;}
.sjys-li h1{font-size: 28px;color: #D50003;border-bottom: 1px solid;height: 55px;line-height: 55px;margin: 28% auto 0;width: 76%;text-align: center;font-weight: bold;}
.sjys-li p{width: 76%;margin: 20px auto 0;text-align: center;font-size: 20px;color: #7b7b7b;text-indent: 0;}


@media only screen and (max-width:1770px){
    .container-fluid {padding-right: 0;padding-left: 0;}
}

@media only screen and (max-width:1736px){
    .pictrue-10 ul li .textbox .jieshao .ul .li {padding: 19px 0;}
}

@media only screen and (max-width:1687px){
    .pictrue-10 ul li .textbox .jieshao .ul .li:first-child{padding: 0 0 11px;}
    .pictrue-10 ul li .textbox .jieshao .ul .li {padding: 11px 0;}
    .pro-list .zright{padding: 4%;}
    .pro-left p{font-size: 18px;}
    .sjys-li p{font-size: 18px;}
}

@media only screen and (max-width:1599px) {
    .title-8 { margin-bottom: 40px; font-size: 24px; line-height: 30px;}
    .text-3 .jieshao { font-size: 16px; line-height: 28px; }
    .pictrue-10 ul li .imgbox { width: 42%; }
    .pictrue-10 ul li .textbox { width: 58%; }
    .pictrue-10 ul li .textbox .jieshao .ul .li .mc { width: 160px; font-size: 16px; }
    .pictrue-10 ul li .textbox .jieshao .ul .li .text { width: calc(100% - 160px); font-size: 16px; line-height: 28px; }
}
@media only screen and (max-width:1440px){
    .pro-list .zright{padding: 3%;}
    .pictrue-10 ul li .textbox .jieshao .ul .li:first-child{padding: 0 0 5px;}
    .pictrue-10 ul li .textbox .jieshao .ul .li {padding: 5px 0;}
    .sjys-li h1{font-size: 26px;margin: 22% auto 0;width: 70%;}
}
@media only screen and (max-width:1366px){
    .pro-left p{font-size: 16px;width: 90%;margin: 0 auto;}
    .sjys-li p{font-size: 16px;}
    .pro-left h3.pro-txt1{margin-bottom: 30px;}
    .pictrue-10 ul li .textbox .jieshao .ul .li .mc { width: 140px;}
    .pictrue-10 ul li .textbox .jieshao .ul .li:first-child{padding: 0 0 4px;}
    .pictrue-10 ul li .textbox .jieshao .ul .li {padding: 4px 0;}
}
@media only screen and (max-width:1280px){
    .logo {width: 202px !important;}
    .pictrue-10 ul li .imgbox {margin-top: 10px;}
}
@media only screen and (max-width:1238px){
    .pro-left h3{font-size: 24px;}
    .pictrue-10 ul li .imgbox { width: 40%; }
    .pictrue-10 ul li .textbox { width: 60%; }
    .sjys-li h1{margin: 20% auto 0;}
    .sjys-li p{margin-top: 15px;}
}
@media only screen and (max-width:1199px) {
    .title-8 { margin-bottom: 30px; }
    .text-3 .jieshao { font-size: 14px; line-height: 30px; }
    .pictrue-10 ul li .textbox { padding-top: 0; }
    .pictrue-10 ul li .textbox .jieshao .ul .li .mc { width: 130px; font-size: 16px; }
    .pictrue-10 ul li .textbox .jieshao .ul .li .text { width: calc(100% - 130px); font-size: 16px; }
    .pictrue-16 .swiper-pagination { margin-top: 20px; }
    .pictrue-16 .swiper-pagination span { margin: 0 8px; width: 10px; height: 10px; }
    .pro-list .zright{margin-top: 10px;}
    .pro-left h3.pro-txt1{margin-bottom: 10px;}
}
@media only screen and (max-width:1175px){
    .pro-tit p {font-size: 17px;}
    .pictrue-10 ul li .imgbox { width: 38%; }
    .pictrue-10 ul li .textbox { width: 62%; }
}
@media only screen and (max-width:1152px){
    .pictrue-10 ul li .imgbox {margin-top: 0;}
    .pictrue-10 ul li .textbox .jieshao .ul .li:last-child {display:none;}
}
@media only screen and (max-width:1100px){
    .pro-tit {max-width: 96% !important;margin: 0 auto;}
    .container-fluid {max-width: 96% !important;}
    .pro-list {width: 96% !important;height: calc(32vw);}
    .pjdp{width: 96%;}
    
    .pjdp{height: calc(48vw + 360px)}
    .pjdp-li-all h1{font-size: 20px;}
    .pjdp-li-active .pjdp-li-all h1{font-size: 20px;}
    .pjdp-li-active .pjdp-li-all p{font-size: 12px;}
    .sjys-fivmain{width: 96%;}
    .sjys-li{height: calc(26.4vw);}
}
@media only screen and (max-width:1024px){
    .title-8 {font-size: 36px;}
    .pictrue-10 ul li .imgbox {width:100%;text-align: center;margin: 0 auto 30px; float: none;}
    .pictrue-10 ul li .textbox {width: 97%;padding-right: 0;float: none;margin: 0 auto 30px;}
    .pictrue-10 ul li .textbox .jieshao .ul .li {padding: 20px 0;}
    .pictrue-10 ul li .imgbox img {width: 100%;}
    
    .pro-list {height: calc(85vw);}
    
    .pro-left, .pro-right {width: 100%;}
    .pro-right {/* margin-top: 20px; */clear: both;}
    .pro-right img {width: 100%;}
    .pro-right .img1 {width: 90%;margin: 4.8%;}
    .pro-list .zright {padding-left: 0;margin-top: 20px;}
    .marbot60, .pro-tit.marbot60 {margin-bottom: 20px;}
    .pro-left h3.pro-txt1 {margin-bottom: 20px;}
    .main-mar-1 {margin: 30px 0;}
    .pictrue-16-box{margin-bottom:60px;}


    .gsdt .cpqjt-ifra{height: 600px;margin: 20px 0 80px;}
}

 @media only screen and (max-width:767px) {
     .sizeCover {background-position: 100%;height: 130px;background-size: 100%;}
     .pictrue-16-box {overflow: hidden;height: 135px;margin: 20px 0;}
    .container-fluid { max-width: 100% !important }
    .title-8 { font-size: 24px; line-height: 24px; }
    .pictrue-10 ul li .textbox .jieshao .ul .li .text { font-size: 14px; }
    .pictrue-16 .swiper-pagination { margin-top: -30px; }
    .pictrue-16 .swiper-pagination span { margin: 0 5px; }
    .pro-left p{line-height: 28px;}
    .sjys-li h1{font-size: 18px;height: 35px;line-height: 35px;}
    .sjys-li p{font-size: 12px;margin-top: 5px;}
    .pro-tit p{font-size: 12px;/*text-align: left;*/line-height: 20px;/*text-indent: 2em;*/}

}
 @media only screen and (max-width:600px) {
    .sjys-li h1{font-size: 20px;height: 35px;line-height: 35px;margin: 25% auto 0;}
    .sjys-li p{font-size: 12px;margin-top: 5px;display: none;}
    .pro-list{height: calc(95vw);}
     .pro-left p{font-size: 14px;}
}


 @media only screen and (max-width:460px) {
     .sjys-li h1{font-size: 18px;margin: 19% auto;}
     .pro-list{height: auto;}
     .pjdp-li-all h1{font-size: 15px;}
    .pjdp-li-active .pjdp-li-all h1{font-size: 18px;}
}

 @media only screen and (max-width:479px) {
    .pictrue-10 ul li .textbox .jieshao .ul .li .mc { padding-right: 0; width: 100%; }
    .pictrue-10 ul li .textbox .jieshao .ul .li .text { width: 100%; }
}