.product1 {margin: 2.083vw 0 3.802vw;}
.product1 .article {width: calc(50% - 0.313vw);box-shadow: 0vw 0vw 20vw rgba(0, 0, 0, 0.11);}
.product1 .article .pic {width: 50%;}
.product1 .article .intr {width: 50%;padding: 2.604vw 0.521vw 0 3.021vw;}
.product1 .article .intr h2 {font-size: 1.25vw;font-family: Calibri_Light;font-weight: bold;color: #000000;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.product1 .article .intr p {font-size: 0.833vw;margin: 0.7em 0 3em;font-family: Calibri_Light;font-weight: 400;color: #333333;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.product2 .ev {width: calc(25% - 1.25vw);margin-bottom: 1.563vw;background: #F8F8F8;}
.product2 .zhanwei {width: calc(25% - 1.25vw);}
.product2 .ev .pic {width: 100%;}
.product2 .ev .intr {width: 100%;padding: 0 2.083vw 1.719vw 1.042vw;}
.product2 .ev .intr h2 {font-size: 0.938vw;font-family: Calibri_Light;font-weight: bold;color: #090909;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.product2 .ev .intr p {margin: 0.7em 0 2em;font-size: 0.78125vw;font-family: Calibri_Light;font-weight: 400;line-height: 0.885vw;color: #666666;}

.product3 {margin-top: 2.917vw;}

.pd1,
.pd1 .pic {width: 100%;position: relative;max-width:1920px;margin:0 auto;}
.pd1 .pic::after {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.3;z-index: 1;}


.pd2-bg {}
.pd2 {position: relative;width: 50%;margin: 0 auto;background: #000000;}
.pd2 .poster {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 2;}
.pd2 .poster img,
.pd2 video {width: 100%;}
.pd2 iframe {width: 100%;height: 28vw;display: block;}
.pd2.open .poster,
.pd2.open .btn {display: none;}
.pd2 .btn {background: #FFFFFF;border-radius: 3px;padding: 0.677vw 1.406vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 3;cursor: pointer;}
.pd2 .btn img {width: 1.354vw;margin-right: 0.625vw;transition: all ease .3s;}
.pd2 .btn:hover img {transform: translateX(-0.26vw);}
.pd2 .btn span {font-size: 0.938vw;text-transform: uppercase;font-family: Calibri_Light;font-weight: 400;color: #000000;}


.pd3 {width: 100%;position: relative;max-width:1920px;margin:0 auto;}
.pd3 .myswiper-button {width: 3vw;height: 3vw;background: #E8E8E8;color: #000000;border-radius: 50%;font-size: 2vw;position: absolute;top: 50%;transform: translate(0, -50%);z-index: 5;cursor: pointer;transition: all ease .3s;}
.pd3 .myswiper-button:hover {background: #000000;color: #FFFFFF;}
.pd3 .myswiper-button.prev {left: 6.146vw;}
.pd3 .myswiper-button.next {right: 6.146vw;}
.pd3 .myswiper-button span {line-height: 0;margin-bottom: 10%;font-weight: 800;}

.pd-title {font-size: 1.875vw;font-family: Calibri_Light;font-weight: bold;color: #000000;text-align: center;text-transform: uppercase;}

.pd4 .main {margin-top: 1.667vw;}
.pd4 .left {width: 37%;}
.pd4 .left li {padding-left: 1.042vw;margin-bottom: 0.885vw;cursor: pointer;}
.pd4 .left li h2 {font-weight: 400;font-size: 1.042vw;color: #000000;font-family: Calibri_Light;position: relative;transition: all ease .3s;}
.pd4 .left li h2::before {content: '';display: inline-block;width: 0.521vw;height: 0.521vw;background: #000000;position: absolute;left: -1.042vw;top: 0.7em;transform: translateY(-50%);transition: all ease .3s;}
.pd4 .left li p {font-size: 0.833vw;font-family: Calibri_Light;line-height: 1.8;color: #000000;transition: all ease .3s;}
.pd4 .left li.on h2 {color: #3371B7;}
.pd4 .left li.on h2::before {background: #3371B7;}
.pd4 .left li.on p {color: #3371B7;}
.pd4 .right {width: 60%;}
.pd4 .myswiper-button {width: 2.76vw;height: 2.76vw;background: #E8E8E8;color: #000000;border-radius: 50%;font-size: 1.563vw;position: absolute;top: 50%;transform: translate(0, -50%);z-index: 5;cursor: pointer;transition: all ease .3s;}
.pd4 .myswiper-button:hover {background: #000000;color: #FFFFFF;}
.pd4 .myswiper-button.prev {left: 1.563vw;}
.pd4 .myswiper-button.next {right: 1.563vw;}
.pd4 .myswiper-button span {line-height: 0;margin-bottom: 10%;font-weight: 800;}
.pd4 .swiper-container {display: none;}
.pd4 .swiper-container.on {display: block;}

.pd5 {background: #3E3D3E;}
.pd5 .pd-title {color: #fff;}
.pd5-download {margin-top: 1.667vw;}
.pd5-download a svg {width: 0.99vw;}
.pd5-download a:nth-child(1) {width: max-content;margin: 0 0.469vw;padding: 0.677vw;background: #FFFFFF;border: 1px solid #FFFFFF;transition: all ease .3s;}
.pd5-download a:nth-child(1) span {font-size: 0.833vw;font-family: Calibri_Light;font-weight: bold;line-height: 1.354vw;color: #000000;margin: 0 1.042vw 0 0.677vw;}
.pd5-download a:nth-child(1) svg path {fill: #000000;}
.pd5-download a:nth-child(1):hover {background: #000000;}
.pd5-download a:nth-child(1):hover span {color: #FFFFFF;}
.pd5-download a:nth-child(1):hover svg path {fill: #FFFFFF;}
.pd5-download a:nth-child(2) {width: max-content;margin: 0 0.469vw;padding: 0.677vw;border: 1px solid #FFFFFF;transition: all ease .3s;}
.pd5-download a:nth-child(2) span {font-size: 0.833vw;font-family: Calibri_Light;font-weight: bold;line-height: 1.354vw;color: #FFFFFF;margin: 0 1.042vw 0 0.677vw;}
.pd5-download a:nth-child(2):hover {background: #FFFFFF;}
.pd5-download a:nth-child(2):hover span {color: #000000;}
.pd5-download a:nth-child(2):hover svg path {fill: #000000;}
.pd5 .table {margin-top: 2.083vw;}
.pd5 .table ul {width: 100%;display: flex;flex-wrap: wrap;}
.pd5 .table li {display: flex;flex-wrap: wrap;align-items: center;width: 50%;line-height: 2.76vw;padding: 0 2.76vw;border: 2px solid #FFFFFF;font-size: 0.833vw;font-family: Calibri_Light;font-weight: 800;color: #FFFFFF;margin: -0.104vw 0 0 -0.104vw;word-break: break-all;}
.pd5 .btn-openall {font-size: 0.833vw;margin-top: 1em;font-family: Calibri_Light;font-weight: 400;color: #FFFFFF;text-decoration: underline;cursor: pointer;}
.pd5 .hide-all {display: none;}

.pd6 .pd-title {margin-bottom: 2.969vw;}
/* 
*======================================================media===============================================================
*/
@media screen and (max-width:991px) {
.product1 {margin: 40px 0 33px;}
.product1 .article {width: 100%;margin-bottom: 15px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11);}
.product1 .article .pic {width: 50%;}
.product1 .article .intr {width: 50%;padding: 50px 10px 0 58px;}
.product1 .article .intr h2 {font-size: 24px;}
.product1 .article .intr p {font-size: 16px;margin: 0.7em 0 3em;}

.product2 .ev {width: calc(50% - 5px);margin-bottom: 10px;}
.product2 .zhanwei {width: calc(50% - 5px);}
.product2 .ev .intr {padding: 0 30px 30px 30px;}
.product2 .ev .intr h2 {font-size: 18px;}
.product2 .ev .intr p {margin: 0.7em 0 2em;font-size: 14px;line-height: 17px;}

.product3 {margin-top: 56px;}
.pd2-bg {width: 100%;}
.pd2 {width: 100%;}
.pd2 .btn {border-radius: 3px;padding: 8px 15px;}
.pd2 .btn img {width: 16px;margin-right: 8px;}
.pd2 .btn:hover img {transform: translateX(-5px);}
.pd2 .btn span {font-size: 14px;}
.pd2 iframe {height: 55vw;}

.pd3 .myswiper-button {width: 30px;height: 30px;font-size: 20px;}
.pd3 .myswiper-button.prev {left: 38px;}
.pd3 .myswiper-button.next {right: 38px;}

.pd-title {font-size: 26px;}

.pd4 .main {margin-top: 32px;}
.pd4 .left {width: 95%;}
.pd4 .left li {padding-left: 20px;margin-bottom: 17px;}
.pd4 .left li h2 {font-size: 20px;}
.pd4 .left li h2::before {width: 10px;height: 10px;left: -20px;}
.pd4 .left li p {font-size: 16px;}
.pd4 .right {width: 100%;}
.pd4 .myswiper-button {width: 53px;height: 53px;font-size: 30px;}
.pd4 .myswiper-button.prev {left: 30px;}
.pd4 .myswiper-button.next {right: 30px;}

.pd5-download {margin-top: 32px;}
.pd5-download a svg {width: 19px;}
.pd5-download a:nth-child(1) {margin: 0 9px;padding: 13px;border: 1px solid #FFFFFF;}
.pd5-download a:nth-child(1) span {font-size: 16px;line-height: 26px;margin: 0 20px 0 13px;}
.pd5-download a:nth-child(2) {margin: 0 9px;padding: 13px;border: 1px solid #FFFFFF;}
.pd5-download a:nth-child(2) span {font-size: 16px;line-height: 26px;margin: 0 20px 0 13px;}
.pd5 .table {margin-top: 40px;}
.pd5 .table ul {width: 100%;}
.pd5 .table li {line-height: 53px;padding: 0 53px;border: 2px solid #FFFFFF;font-size: 16px;margin: -2px 0 0 -2px;}
.pd5 .btn-openall {font-size: 16px;}

.pd6 .pd-title {margin-bottom: 57px;}
}

@media screen and (max-width:768px) {
.product1 .article {flex-direction: column-reverse;}
.product1 .article .pic {width: 70%;margin: 0 15%;}
.product1 .article .intr {width: 100%;padding: 10px 20px 30px;}
.product1 .article .intr p {font-size: 16px;margin: 0.7em 0 1em;}

.product2 .ev {width: 100%;margin-bottom: 10px;}
.product2 .ev .intr{padding: 12px;}
.product2 .zhanwei {width: 100%;}
.product2 .ev .pic {width: 70%;margin: 0 auto;}

.prodeta .ev{width: calc(50% - 5px);}
.prodeta .C-more-eye {padding: 5px;}

.pd5 .table li {height: auto;line-height: 1.4;padding: 10px 10px;font-size: 14px;}
}

@media screen and (max-width:480px) {
.product1 .article .intr h2 {font-size: 18px;}
.product1 .article .intr p {font-size: 12px;}
.product2 .ev .intr p {margin: 0.7em 0 1em;font-size: 12px;}

.pd4 .left li h2 {font-size: 16px;}
.pd4 .left li p {font-size: 13px;}
.pd4 .myswiper-button {width: 33px;height: 33px;font-size: 12px;}
.pd4 .myswiper-button.prev {left: 10px;}
.pd4 .myswiper-button.next {right: 10px;}

.pd5-download {margin-top: 15px;}
.pd5-download a svg {width: 12px;}
.pd5-download a:nth-child(1) {padding: 7px;}
.pd5-download a:nth-child(1) span {font-size: 13px;margin: 0 10px;}
.pd5-download a:nth-child(2) {padding: 7px;}
.pd5-download a:nth-child(2) span {font-size: 12px;margin: 0 10px;}
.pd5 .table li {font-size: 12px;}

.pd6 .pd-title {margin-bottom: 27px;}
}