@media screen and (min-width: 1600px) {
     .layout {
         width: 1500px
     }
 }

 .p_about_01 {
     margin-top: 110px;
 }

 @media screen and (max-width: 800px) {
     .p_about_01 {
         margin-top: 50px;
     }
 }

 .p_about_01 .layout {}

 .p_about_01 .p_about_01_list {}

 .p_about_01_list {}

 .p_about_01_list li {
     position: relative;
     width: 48.75%;
     margin-left: 2.5%;
     margin-bottom: 2.5%;
 }

 .p_about_01_list li .pics {
     padding-bottom: 65%;
 }

 .p_about_01_list li .flex_jz {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }

 .p_about_01_list li .ro {
     height: 100%;
     overflow-y: auto;
 }

 .p_about_01_list li .ro .h1 {
     font-size: 54px;
     color: #000000;
 }

 .p_about_01_list li .ro .p2 {
     font-size: 18px;
     color: #666666;
     line-height: 2;
     margin-top: 5px;
 }

 .p_about_02 {
     background: #1c1c1c;
     padding: 90px 0;
     color: white;
     padding-bottom: 50px;
 }

 .p_about_02 .layout {}

 .p_about_02 .ro {
     width: 40%;
 }

 .p_about_02 .ro .p1 {
     font-size: 54px;
     text-transform: uppercase;
     line-height: 68px;
 }

 .p_about_02 .ro .p2 {
     font-size: 18px;
     color: #999999;
     margin-top: 20px;
 }

 .p_about_02 .list {
     width: 50%;
 }

 .p_about_02 .list ul {}

 .p_about_02 .list ul li {
     margin-bottom: 40px;
 }

 .p_about_02 .list ul li .p1 {
     /*width: 160px;*/
     text-align: right;
     font-size: 68px;
     line-height: 51px;
     float: left;
 }

 .p_about_02 .list ul li .p1 strong {}

 .p_about_02 .list ul li .p2 {
     float: left;
     margin-left: 25px;
 }

 .p_about_02 .list ul li .p2 span {
     color: #d30d0d;
 }

 .p_about_02 .list ul li .p3 {
     color: #999999;
     font-size: 20px;
 }

 .p_about_03 {
     margin-top: 150px;
 }

 .p_about_03 .layout {
     position: relative;
     display: flex;
    align-items: center;
    justify-content: space-between;
 }

 .p_about_03 .pics {
     /* float: left; */
     width: 50%;
     padding-bottom: 42%;
 }

 .p_about_03 .flex_jz {
     /* float: right; */
     width: 46%;
 }

 .p_about_03 .ro {
     /* margin-top: 40px; */
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 .p_about_03 .p1 {
     font-size: 54px;
     line-height: 1.25;
     margin-top: 40px;
 }

 .p_about_03 .p2 {
     font-size: 18px;
     line-height: 34px;
     color: #666666;
     margin-top: 15px;
     flex: 1;
     overflow-y: auto;
 }

 .p_about_04 {
     margin-top: 5%;
 }

 .p_about_04 .layout {}

 .p_about_04 .tt {}

 .p_about_04 .tt .p1 {
     text-align: center;
     font-size: 54px;
 }

 .p_about_04 .p_about_swiper {
     margin-top: 5%;
 }

 .p_about_swiper {
     position: relative; 
 }

 .p_about_swiper .swiper-container {}

 .p_about_swiper .swiper-wrapper {}

 .p_about_swiper .swiper-slide {
     /* padding-top: 66px; */
 }

 .p_about_swiper .swiper-slide .item {
     background: #f4f4f4;
     padding: 30px 60px;
 }

 /* .p_about_swiper .swiper-slide-active .item{
    margin-top: -66px;
}
.p_about_swiper .swiper-slide-next .item{
    margin-top: -33px;
} */
 .p_about_swiper .swiper-slide .ro {}

 .p_about_swiper .swiper-slide .ro img {
     height: 65px;
 }
.p_about_swiper .swiper-slide .ro img:hover{
    transform: scale(1.1);
}
 .p_about_swiper .swiper-slide .ro .p1 {
     font-size: 24px;
     color: #000000;
     font-weight: bold;
     margin-top: 20px;
 }

 .p_about_swiper .swiper-slide .ro .p2 {
     font-size: 18px;
     line-height: 1.3em;
     height: 7.8em;
     overflow: hidden;
     color: #666666;
     margin-top: 17px;
 }

 .p_about_05 {
     margin-top: 5%;
     margin-bottom: 5%;
 }

 .p_about_05 .layout {}

 .p_about_05 .bgCover {
     text-align: center;
     padding: 100px 20px;
     color: white;
 }

 .p_about_05 .ro {}

 .p_about_05 .ro .p1 {
     font-size: 24px;
 }

 .p_about_05 .ro .p2 {
     font-size: 54px;
     line-height: 74px;
     font-weight: bold;
     margin-top: 10px;
 }

 .p_about_05 .ro .btu {
     background:#3CA8E0;
     color: #f4f4f4;
     line-height: 65px;
     padding: 0 35px;
     display: inline-block;
     font-size: 24px;
     text-transform: uppercase;
     margin-top: 40px;
 }

 @media screen and (max-width: 950px) {
.p_about_03 .layout{
    flex-wrap: wrap;
}
.p_about_03 .pics,.p_about_03 .flex_jz{
    width: 100%;
}
     /* @media screen and (max-width: 1600px) { */
     .p_about_01_list li .ro .h1 {
         font-size: 34px;
         line-height: 1.25;
     }

     .p_about_01_list li .ro .p2 {
         line-height: 2;
         margin-top: 10px;
     }

     .p_about_02 .ro .p1 {
         font-size: 30px;
         line-height: 1.5;
     }

     .p_about_02 .list ul li .p1 {
         font-size: 44px;
         line-height: 1.5;
     }

     .p_about_02 .list {
         width: 60%
     }

     .p_about_03 {
         margin-top: 80px
     }
 }

 @media screen and (max-width: 950px) {

     /* @media screen and (max-width: 1200px) { */
     .p_about_02 .list ul li .p1 {
         width: calc(100% - 15px)
     }

     .p_about_02 .list ul li .p2 {
         float: none;
         width: 100%;
         margin-left: 0;
         text-align: right;
     }
 }

 @media screen and (max-width: 800px) {
     .p_about_01_list li {
         width: 100%;
         margin-left: 0;
     }

     .p_about_01_list li:first-of-type .pics {
         display: none
     }

     .p_about_01_list li .flex_jz {
         position: relative;
         margin-bottom: 44px;
     }

     .p_about_02 .ro {
         width: 100%;
         text-align: center;
     }

     .p_about_02 .list {
         width: 100%
     }

     .p_about_02 .list ul li {
         width: 100%;
         text-align: left;
         margin-left: 0;
     }

     .p_about_02 .list ul li .p1 {
         text-align: center;
     }

     .p_about_02 .list ul li .p1 strong::after {
         content: '+';
         color: #d30d0d;
         font-size: 20px;
         vertical-align: top;
     }

     .p_about_02 .list ul li .p2 {
         text-align: center;
     }

     .p_about_02 .list ul li .p2 span {
         display: none;
     }

     .p_about_03 .p1 {
         font-size: 28px; line-height: 1.25; margin-top: 30px;
     }

     .p_about_03 .p2 {
         line-height: 1.8;
         overflow: visible;
     }

     .p_about_03 .pics {
         width: 100%;
         width: 100%;
     }

     .p_about_03 .flex_jz {
         float: none;
         width: 100%;
         overflow: visible;
     }

     .p_about_04 .tt .p1 {
        font-size: 28px; line-height: 1.25;
     }

     .p_about_swiper .swiper-slide-active .item {
         margin-top: 0;
         padding: 7%;
     }

     .p_about_swiper .swiper-slide {
         /* padding-top: 1% */
     }

     .p_about_05 .ro .p2 {
         font-size: 30px
     }

     .p_about_swiper .swiper-slide .item {
         padding: 5%
     }
 }

 .p_about_swiper .next {
     width: 50px;
     height: 50px;
     position: absolute;
     background: url(../image/arrow-right.png) no-repeat center center;
     background-size: 80%;
     transform: rotate(180deg);
     right: -64px;
     top: 50%;
     display: none
 }

 .p_about_swiper .prev {
     width: 50px;
     height: 50px;
     position: absolute;
     background: url(../image/arrow-right.png) no-repeat center center;
     background-size: 80%;
     left: -64px;
     top: 50%;
     display: none
 }

 .p_about_swiper .about-pagination{display: none;}

 .p_about_022{overflow: hidden;}
 .p_about_022 img {
     width: 100%; transition: all 0.5s ease;
 }
 .p_about_022:hover img{transform: scale(1.05);}

 .p_about_04_imgs_box {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     margin: 3% 0;
 }

 .p_about_04_imgs_box img{
    margin: 0 auto;
    display: block;
 }

 .imgBox {
     position: relative;
     overflow: hidden;
 }

 .imgBox img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: all 0.3s ease-in-out 0s;
 }
 .imgBox img:hover{
    transform: scale(1.1);
 }
 .p_about_04_imgs_box .imgBox {
     padding-bottom: 60%;
 }

 .p_about_04_img {
     width: 49%;
     margin-bottom: 20px;
 }

 .p_about_04_imgs_box .p_about_04_img:last-child {
     width: 100%;
 }
 .p_about_04_imgs:hover{
    transform: scale(1.1);
 }

 .about-pagination .swiper-pagination-bullet{background: #ddd; vertical-align: text-bottom; width: 14px; height: 14px;}
 .about-pagination .swiper-pagination-bullet-active{background: #3CA8E0;}
 .about-pagination .swiper-pagination-bullet:after{display: none;}

 
 @media screen and (max-width: 950px) {
    .p_about_swiper{padding-bottom: 30px;}
    .p_about_swiper .about-pagination{display: block; width: 100%; bottom: 0;}
 }