.islider .nav li{width: calc((100% - 315px) / 4);}
.caseitem{margin-bottom:5%;}
.newsitem{ border-bottom:solid 1px #e9e9e9; padding-bottom:60px; margin-bottom:60px;}
.newsitem a{display: flex;justify-content: space-between;}
.newsitem a .item{ max-width:830px; width:60%; margin-top:35px; margin-right:5%; margin-left:5%;}
.newsitem a img{ width:50%;}
.newsitem a .item span{ display:block; font-size:25px; color:#444444;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;}
.newsitem a .item em{ margin-top:10px; display:block; font-size:18px; color:#909090; font-style:normal}
.newsitem a .item p{ margin:35px 0; line-height:22px; display:block; font-size:16px; color:#909090;-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;}
.newsitem a .item font{ display:block; font-size:15px;color:#fff;background:#c01929; width:175px; border-radius:20px;line-height:45px; text-align:center;text-transform:uppercase;}
.newsview big{ display:block; font-size:40px; color:#444444;}
.newsview small{ display:block; font-size:18px; color:#909090; margin:50px 0 100px;}
.newsview .newscontent { font-size:18px; color:#909090; line-height:23px; border-bottom:solid 1px #e9e9e9; padding-bottom:100px; margin-bottom:50px;}
.newsview .newscontent img{ margin:0 auto;}
.newsview .newsmore { font-size:18px;}
.newsview .newsmore .p1{  color:#444; margin-bottom:40px;}
.newsview .newsmore .p2 a{ color:#909090; display:block; line-height:30px;}
.newsview .newsmore .p2 a:hover{ color:#c01929;}
.banner{ height:892px; width:100%; color:#fff;}
.banner .container{ position:relative; height:100%}
.banner .item{ position:absolute; left:15px;top:45%}
.banner .item .p1{ font-size:60px; text-transform:uppercase; font-weight: bold; line-height:65px;}
.banner .item .p2{ font-size:30px; margin-top:10px;}
.environmental { overflow:hidden; margin:5% 0;}
.environmental ul li span{ display:inline-block; font-size:40px; color:#444; font-weight:bold;display: flex;align-items: center;}
.environmental ul li span img{ margin-right:25px;}
.environmental ul li{ padding:5% 10%;border-bottom:solid 1px #e7e7e7;}
.environmental ul li p{ color:#909090; font-size:16px; margin-top:50px; line-height:24px;}
.qualitys .container{ position:relative; padding:230px 5%;}
.qualitys p{ position:absolute; top:43%; right:20%; font-size:25px; color:#444; max-width:330px;}
.quality ul li { margin-bottom:40px;}
.quality { margin:200px 0;}
.quality ul li a{display: flex;justify-content: space-between;}
.quality ul li span{ display:block; font-size:40px; color:#444; font-weight:bold}
.quality ul li p{ display:block; font-size:16px; line-height:22px; margin-top:30px;color:#909090}
.quality ul li .item{ max-width:430px; margin-right:5%; margin-left:5%; margin-top:10%;}
.panter{ overflow:hidden; margin:180px 0;}
.panter li{display:inline-block; width: calc((100% - 33px) / 2); padding:150px 0; height:250px;overflow:hidden;margin-bottom:33px;border:solid 1px #e9e9e9; text-align:center;}
.panter li:not(:nth-child(2n)) { margin-right:25px;}
.panterad li{ border:0;width: calc((100% - 200px) / 3); padding:65px 0; height:300px;}
.panterad li:not(:nth-child(2n)) { margin-right:0;}
.panterad li:not(:nth-child(3n)) { margin-right:96px;}
.panterad{ margin:0 !important;}
.panter li span{ font-size:28px; color:#444444; margin:40px 0; display:block}
.panter li p{ font-size:18px; color:#909090; max-width:510px; margin:0 auto; line-height:24px;}
.panter li img{ margin: auto; height:60px;}
.panterbg{ background:url(../img/panter1.jpg) no-repeat center; position:relative;background-size:cover; color:#fff; height:890px;}
.about{ overflow:hidden; margin:0 0 250px}
.about ul { max-width:1100px; margin:160px auto 200px;}
.about ul li{ display:inline-block; width:24%; text-align:center;}
.about ul li span{ font-size:50px; color:#c01929; font-weight:bold}
.about ul li p{ font-size:20px; color:#444444; text-transform:uppercase; margin-top:15px;}
.about .contents{display: flex;justify-content: space-between;}
.about .contents span{ font-size:45px; color:#444; line-height:50px;}
.about .contents p{ font-size:16px; color:#909090; max-width:700px; line-height:23px; width:50%;}
.history{ background:#e7e7e7; overflow:hidden; padding-bottom:15%;}
.history ul{border-bottom:solid 2px #444444; padding-left:25px;}
.history ul.ul2{ padding-left:75px; border-bottom:none;}
.history ul li{ display:inline-block; overflow:hidden; border-left:solid 2px #444444; width:19%; padding:3.5% 2.5%;}
.history ul li span { font-size:25px; color:#c01929}
.history ul li p{ font-size:20px; color:#444444; margin-top:10px;}
.about .energys p {max-width: 550px;width: 40%;margin-top:15%;}
.energy li{display:inline-block; width: calc((100% - 33px) / 2);overflow:hidden;margin-bottom:70px;text-align:center;}
.energy li:not(:nth-child(2n)) { margin-right:25px;}
.energy li span{ font-size:28px; color:#444444; margin:25px 0 10px; display:block}
.energy li p{ font-size:18px; color:#999999; line-height:24px;}
.advantage .box{display: flex;justify-content: space-between;}
.advantage .box .mySwiper{ max-width:777px; overflow:hidden; width:55%;}
.advantage .box .item{ max-width:500px; margin-right:5%; width:35%}
.advantage .box .item .p1{font-size:30px; color:#444;}
.advantage .box .item .p2{font-size:18px; color:#909090; margin:25px 0 50px; line-height:24px;}
.advantage .box .item nav a{ display:inline-block; overflow:hidden; width:24%; margin-bottom:15px;}
.advantage ul{ overflow:hidden; margin:50px 0 180px;}
.advantage ul li{display:inline-block; width: calc((100% - 143px) / 6); position:relative; margin-bottom:25px;}
.advantage ul li img{ width:100%;}
.advantage ul li p{font-size:16px;background:#c01929; color:#fff;line-height:60px; margin-top:10px; text-align:center;}
.advantage ul li:not(:nth-child(6n)) { margin-right:25px;}
.advantagecon .banners{ position:relative; background:url(../img/con3.jpg) no-repeat center; background-size:cover; height:539px;}
.advantagecon .banners p{ width:100%;font-size:20px; text-align:center; color:#fff; max-width:640px; margin:0 auto; line-height:24px;transform: translate(-50%, -50%);top: 50%;left: 50%; position:absolute;}
.advantagecon ul {display: flex;justify-content: space-between; margin:150px 0 130px}
.advantagecon ul li{display:inline-block; width: calc((100% - 25px) / 2); position:relative;}
.advantagecon ul li span{font-size:40px; color:#444;}
.advantagecon ul li p{font-size:18px; color:#909090; line-height:24px; padding-right:5%; height:96px; margin:45px 0 80px;}
.advantagecon ul li font{font-size:25px; color:#444; margin-top:25px; display:block}
.advantagecon ul li:not(:nth-child(2n)){margin-right:25px;}
.down .p{ font-size:30px; color:#444; border-bottom:solid 1px #e9e9e9; padding-bottom:50px; margin-bottom:50px;}
.down .ul1 li{display:inline-block; width: calc((100% - 29px) / 2); position:relative; overflow:hidden; margin-bottom:29px;}
.down .ul1 li:not(:nth-child(2n)){margin-right:25px;}
.down .ul1 li .play{transform: translate(-50%, -50%);top: 50%;left: 50%; position:absolute;}
.down .ul2 li{display:inline-block; width: calc((100% - 155px) / 6); position:relative; overflow:hidden; border:solid 1px #e9e9e9; margin-bottom:25px;}
.down .ul2 li img{ max-height:232px; overflow:hidden; margin:0 auto;}
.down .ul2 li:not(:nth-child(6n)){margin-right:25px;}
.down .ul2 li span{ display:block; text-align:center; font-size:16px;padding:20px 0;line-height: 20px;}
.down ul{ margin-bottom:100px;}
.products .box{display: flex;justify-content: space-between;}
.products .box .left{  max-width:285px; width:21%;}
.products .box .left dl{border:solid 1px #e9e9e9; width:100%; padding:30px 15px; border-radius:5px; height:auto;}
.products .box .left dl dt{ font-size:20px; color:#c01929; text-transform:uppercase; padding:0 5% 30px; font-weight:bold}
.products .box .left dl dd a{ font-size:16px; color:#909090; border-top:solid 1px #e9e9e9; line-height:50px;display:block; padding:0 5%;} 
.products .box .left dl dd a:hover,.products .box .left dl dd a.on{ color:#c01929; background:url(../img/n.png) no-repeat 95%;}
.products .productsitem{width: calc((100% - 57px) / 3); display:inline-block;overflow:hidden; font-size:15px; color:#444; text-align:center; margin-bottom:40px;}
.products .productsitem p{ font-size:20px; color:#444; padding:25px 30px; line-height:23px;}
.products .productsitem .img{border:solid 1px #e9e9e9; display:block; max-height:497px;overflow:hidden;margin:0 auto; overflow:hidden}
.products .box .right{ max-width:1111px; width:78%}
.products .box .right .item{display: flex;justify-content: space-between;}
.products .box .right .item .putImg{ width:55%; overflow: hidden; position:relative;}
.products .box .right .item .putImg .swiper-button-next::after,
.products .box .right .item .putImg .swiper-button-prev::after {display: none;}
.products .box .right .item .putImg .swiper-button-next,.products .box .right .item .putImg .swiper-button-prev { top:93%;}
.products .box .right .item .putImg .swiper-slide img{max-height:600px;}
.products .box .right .item .putImg .nav{ position:absolute; bottom:0; left:18%; right:0; margin:0 auto; width:75%; z-index:1}
.products .box .right .item .putImg .nav a{ margin:0 10px; display:inline-block; overflow:hidden;}
.products .box .right .item .putImg .nav a img{ height:70px;border:solid 1px #e7e7e7; max-width:78px}
.products .box .right .item .text { max-width:550px; margin-top:80px;}
.products .box .right .item .text .p1{ font-size:30px; color:#0c0c0c; line-height:40px;}
.products .box .right .item .text .p2{ font-size:16px; color:#909090; margin:80px 0 50px; line-height:22px;}
.products .box .right .item .text .p3{ width:140px; line-height:45px; font-size:15px; border-radius:20px; text-align:center; color:#fff; background:#c01929;}
.products .box .right .item .text .p3 a{ color:#fff;}
.products .lists .productsitem{width: calc((100% - 86px) / 4);overflow:hidden}
.products .lists .productsitem:not(:nth-child(4n)){ margin-right:28px;} 
.products .lists.other .productsitem .img{max-height:232px;}



.details table{ width:100% !important}
.details img{ margin:0 auto}
 
@media (max-width:1024px) {
.newsview .newscontent img{ width:auto !important; height:auto !important} 
.qualitys p{ right:0;}
.quality ul li img{ width:60%;}
.quality ul li .item{ margin-top:5%;}
.panter li p{ padding:0 15px;}
.about .energys img{ width:55%;}
.about .energys p{ margin-top:5%;}
.advantage ul li{width: calc((100% - 58px) / 3);}
.advantage ul li:not(:nth-child(6n)) { margin-right:0;}
.advantage ul li:not(:nth-child(3n)) { margin-right:25px;}
.products .box{ display:block;}
.products .box .left,.products .box .right{ max-width:inherit; width:100%;}
.products .box .right{ margin-top:5%;}
.products .box .left dl{ padding:2.5% 2.5%; width:95%;}
.products .box .left dl dd,.products .box .left dl dd a{ display:inline-block; border:0; padding:0;}
.products .box .left dl dd{ margin:0 1.5%}
.products .box .left dl dt{ padding:0 1.5% 2.5% 1.5%;border-bottom:solid 1px #e9e9e9;}
.products .box .right .item .putImg{ padding-left:0}
.products .box .right .item .putImg .nav{ left:0; width:80%;}
.details img{ width:100% !important; height:auto !important;}
}


@media (max-width:768px) {
.newsview big{ font-size:34px;}
.newsview .newscontent,.newsview .newsmore{ font-size:16px;}
.banner{ height:768px;}
.banner .item .p1{ font-size:40px; line-height:45px;}
.banner .item .p2{ font-size:20px;}
.environmental ul li{ padding:10% 0;}
.environmental ul li span{ font-size:30px;}
.environmental{ margin:10% 0;}
.qualitys p{ position:static; margin:5% auto; text-align:center;}
.qualitys .container{ padding:15% 15px; text-align:center;}
.qualitys img{ margin:0 auto;}
.quality,.panter { margin:15% 0;}
.quality ul li span{ font-size:30px;}
.quality ul li a{ display:block}
.quality ul li img{ width:100%;}
.panter li{ padding:100px 0;}
.panter li p{ font-size:15px; line-height:22px;}
.panterbg{ height:auto; padding:20% 0;}
.panterbg .form{ position:static;transform:none}
.about ul li{ width:49%; margin:5% 0;}
.about ul{ margin:10% 0 15%;}
.about{ margin:20% 0 15%;}
.about .contents{ display:block;}
.about .contents p{ margin-top:5%; max-width: inherit; width:100%;}
.history ul li{ width:44%; border-bottom:solid 2px #444444;}
.history ul{ padding:0 !important; border:none !important}
.panterad li{width: calc((100% - 105px) / 2); padding:50px 25px;}
.panterad li:not(:nth-child(2n)) { margin-right:0;}
.panterad li:not(:nth-child(3n)) { margin-right:0;}
.advantage .box{ display:block;}
.advantage .box .mySwiper,.advantage .box .item{ max-width:inherit; width:100%;}
.advantage .box .item{ margin-top:10%;}
.advantage ul{ margin:10% 0 20%;}
.advantagecon ul{ display:block; margin:10% 0;}
.advantagecon ul li{ width:100%; margin:0 0 10% 0 !important}
.advantagecon .banners p{ max-width:80%;}
.advantagecon ul li p{ height:auto;}
.down .ul2 li{width: calc((100% - 63px) / 3);}
.down .ul2 li:not(:nth-child(6n)) { margin-right:0;}
.down .ul2 li:not(:nth-child(3n)) { margin-right:25px;}
.products .productsitem{width: calc((100% - 29px) / 2) !important; }
.products .productsitem:not(:nth-child(3n)){margin-right:0 !important;}
.products .productsitem:not(:nth-child(2n)){margin-right:25px !important;}
.products .box .right .item{ display:block}
.products .box .right .item .putImg{ width:100%; max-width:inherit}
.products .box .right .item .text{ max-width:inherit}
.products .box .right .item .putImg .nav{ text-align:center;}
}

@media (max-width:640px) {
.newsitem a{ display:block}
.newsitem a img{ width:100%;}
.newsitem a .item{ max-width:inherit; width:90%;}
.newsitem a .item span{ font-size:20px;}
.newsitem a .item em{ font-size:16px;}
.newsitem a .item p{ font-size:15px;}
.newsview big{ font-size:28px;}
.newsview .newscontent,.newsview .newsmore{ font-size:15px;}
.banner{ height:550px;}
.banner .item{ top:40%;}
.banner .item .p1{ font-size:30px; line-height:40px;}
.banner .item .p2{ font-size:16px;}
.environmental ul li p{ font-size:15px; margin-top:10%;}
.environmental ul li span{ font-size:24px;}
.environmental ul li span img{ height:55px;}
.qualitys p{ font-size:18px;}
.quality ul li span{ font-size:22px;}
.quality ul li p{ font-size:14px;}
  .about .contents span{ font-size:30px;line-height:40px;}
    .about .contents p{ font-size:14px;}
	.about ul li span{ font-size:36px;}
  .about ul li p{ font-size:16px; }
  .history ul li{ width:90%; padding:10% 5%;}
  .history ul li p{ font-size:16px;}
  .energy li{width:100%; margin:2.5% 0  5%!important;}
  .energy li span{ font-size:24px;}
  .advantage ul li{width: calc((100% - 29px) / 2);}
  .advantage ul li:not(:nth-child(6n)) { margin-right:0;}
  .advantage ul li:not(:nth-child(3n)) { margin-right:0;}
  .advantage ul li:not(:nth-child(2n)) { margin-right:25px;}
  .advantagecon ul li span{ font-size:30px;}
  .advantage .box .item .p1,.advantagecon ul li font{ font-size:24px;}
  .advantage .box .item .p2,.advantagecon ul li p{ font-size:15px;}
  .advantagecon .banners p{ font-size:16px;}
  .advantagecon ul li p{ margin:5% 0 10%}
  .down .ul1 li{width:100%}
.down .ul1 li:not(:nth-child(2n)) { margin-right:0;}
  .down .ul2 li{width: calc((100% - 33px) / 2);}
.down .ul2 li:not(:nth-child(6n)) { margin-right:0;}
.down .ul2 li:not(:nth-child(3n)) { margin-right:0;}
.down .ul2 li:not(:nth-child(2n)) { margin-right:25px;}
.down .p{ font-size:24px; padding-bottom:10%; margin-bottom:10%;}
.down ul{ margin-bottom:15%}
.products .productsitem p{ padding:25px 0;}
.products .box .left dl{ padding:5%; width:90%;}
.products .box .left dl dd a{ font-size:14px;}
.products .box .left dl dt{ padding:0 2.5% 5% 2.5%}
.products .productsitem p{ font-size:14px;}
.products .box .right .item .text .p1{ font-size:24px;}
.products .box .right .item .putImg .nav{ display:none}
.products .box .right .item .text .p2{ font-size:15px; margin:10% 0 15%;}
.products .box .right .item .text{ margin-top:10%;}
.products .box .right .item .putImg .swiper-button-next,.products .box .right .item .putImg .swiper-button-prev { top:50%;}
.down .ul2 li span{ font-size:14px; margin-bottom:25px; height:40px; margin:5% 0 10% 0;}
}

@media (max-width:480px) {
.panter li{ width:100%; margin:2.5% 0 !important; height:auto; padding:20% 0;}
.panter li span{ font-size:22px;}
.panterad li{ padding:5% 0 !important}
}