@charset "utf-8";

@import "iconfont.css";

/*---------------------------------------------------*/

.about-tit{background:#D93744;padding:30px 0;}
.about-tit h3{font-size:48px;color:#fff;font-weight:300;}

.pro_view{display:flex;align-items:center;background:#E8E8E8;}
.pro_view .pic{width:50%;position:relative;}
.pro_view .pic .t{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.pro_view .pic .t h5{font-size:48px;color:#fff;font-weight:700;line-height:1;text-align:center;}
.pro_view .pic .t h5 sup{vertical-align: super;font-size: xx-large;}


.pro_view .pic .t h2{font-size:48px;color:#fff;font-weight:700;line-height:1;text-align:center;}
.pro_view .pic .t h2 sup{vertical-align: super;font-size: xx-large;}
          
.pro_view .pic .t p{font-size:30px;color:#fff;margin:20px 0 0;}

.pro_view .txt{width:50%;padding:0 10%;}
.pro_view .txt h5{font-size:60px;font-weight:600;color:#020202;}
.pro_view .txt h3{font-size:60px;font-weight:600;color:#020202;}
.pro_view .txt .t{margin:30px 0 0;font-size:20px;color:#231F20;line-height:32px;}
.pro_view .txt .t p~p{margin-top:10px;}
.pro_view .txt .t h6{font-size:22px;font-weight:600;margin-top:20px;}
.pro_view .txt .t ul{margin:20px 0 0;}
.pro_view .txt .t ul li{padding:0 0 0 15px;line-height:28px;position:relative;}
.pro_view .txt .t ul li::before{content:"";width:8px;height:8px;border-radius:50%;background:#231F20;position:absolute;top:12px;left:0;}
.pro_view .txt .t ul li+li{margin-top:10px;}


.pro_text{padding:80px 0;background:#E8E8E8;}

.pro_text .pro-para ul{display:flex;flex-wrap:wrap;justify-content:center;margin:-15px -15px 0;}
.pro_text .pro-para ul li{width:25%;padding:15px;text-align:center;}
.pro_text .pro-para ul li h5{font-size:36px;color:#000;font-weight:700;}
.pro_text .pro-para ul li h3{font-size:36px;color:#000;font-weight:700;}
.pro_text .pro-para ul li img{height:63px;margin:30px 0 0;}
.pro_text .pro-para ul li h6{font-size:26px;color:#000;font-weight:700;margin:20px 0 0;}
.pro_text .pro-para ul li p{margin:20px 0 0;font-size:18px;color:#000;}
.pro_text .pro-para ul li p sup{font-size: small;}

.pro_text .pro-video{margin:60px 0 0;}
.pro_text .pro-video .v{width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.pro_text .pro-video .v::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;background:url("../images/v.png") no-repeat center;display:block;}
.pro_text .pro-video .v img{width:100%;display:block;transition:all 0.3s ease 0s;}
.pro_text .pro-video .v:hover img{transform: scale(1.02);}
.pro_text .pro-video .v:hover::after{background-color:rgba(0,0,0,0.3);}


.pro_text h3{font-size:36px;color:#000;font-weight:700;text-align:center;}
.pro_text .pro-para2{margin:60px 0 0;}
.pro_text .pro-para2 ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#fff;border-radius:85px;}
.pro_text .pro-para2 ul+ul{margin-top:30px;}
.pro_text .pro-para2 ul li{width:200px;padding:15px;color:#000;text-align:center;font-size:18px;font-weight:700;}
.pro_text .pro-para2 ul li h5{font-size:36px;color:#000;font-weight:700;}
.pro_text .pro-para2 ul li p{font-size:24px;font-weight:500;}
.pro_text .pro-para2 ul li:nth-child(1){width:120px;}
.pro_text .pro-para2 ul li:nth-child(2){width:210px;font-size:18px;text-align:left;font-weight:700;}

.pro_text .pro-pic{margin:60px 0 0;text-align:center;}
     
@media screen and (max-width: 1550px) {
  
  .pro_view .txt {padding: 0 8%; }
  .pro_view .txt h5 {font-size: 50px;}
  .pro_view .txt .t {margin: 25px 0 0;font-size: 19px;line-height: 30px;}
  .pro_view .pic .t h5 {font-size: 42px;}
  .pro_view .pic .t p {font-size: 27px;margin: 17px 0 0;}
  
  .pro_text {padding: 70px 0;}
  .pro_text .pro-para ul li h5 {font-size: 32px;}
  .pro_text .pro-para ul li h6 {font-size: 24px;margin: 17px 0 0;}
  .pro_text .pro-para ul li p {margin: 17px 0 0;font-size: 21px;}
  
  .pro_text {padding:50px 0;}
  .pro_text h3 {font-size: 32px;}
  .pro_text .pro-para2 {margin: 50px 0 0;}
  .pro_text .pro-para2 ul li {font-size: 17px;}
  .pro_text .pro-para2 ul li h5 {font-size: 32px;}
  .pro_text .pro-para2 ul li:nth-child(2) {font-size: 17px;}    
}
                              
@media screen and (max-width: 1367px) {
  
  .pro_view .txt {padding: 0 6%; }
  .pro_view .txt h5 {font-size: 40px;}
  .pro_view .txt .t {margin: 20px 0 0;font-size: 18px;line-height: 28px;}
  .pro_view .pic .t h5 {font-size: 36px;}
  .pro_view .pic .t p {font-size: 24px;margin: 14px 0 0;}
  
  .pro_text {padding: 60px 0;}
  .pro_text .pro-para ul li h5 {font-size: 28px;}
  .pro_text .pro-para ul li h6 {font-size: 22px;margin: 14px 0 0;}
  .pro_text .pro-para ul li p {margin: 14px 0 0;font-size: 20px;}
  
  .pro_text {padding:40px 0;}
  .pro_text h3 {font-size: 28px;}
  .pro_text .pro-para2 {margin: 40px 0 0;}
  .pro_text .pro-para2 ul li {font-size: 16px;}
  .pro_text .pro-para2 ul li h5 {font-size: 28px;}
  .pro_text .pro-para2 ul li:nth-child(2) {font-size: 16px;}  
}
                              
@media screen and (max-width: 768px) {
  
  .pro_view {display: block;}
  .pro_view .pic {width: 100%;}
  .pro_view .pic .t h5 {font-size: 28px;}
  .pro_view .pic .t p {font-size: 20px;margin: 10px 0 0;}
  .pro_view .txt {padding: 30px 10px;width: 100%;text-align: center;}
  .pro_view .txt h5 {font-size: 28px;}
  .pro_view .txt .t {margin: 14px 0 0;font-size: 16px;line-height: 24px;}
  
  .pro_text {padding: 30px 0;}
  .pro_text .pro-para ul li {width: 50%;padding: 10px;text-align: center;}
  .pro_text .pro-para ul li h5 {font-size: 24px;}
  .pro_text .pro-para ul li img {height: 53px;margin: 20px 0 0;}
  .pro_text .pro-para ul li h6 {font-size: 20px;margin: 10px 0 0;}
  .pro_text .pro-para ul li p {margin: 10px 0 0;font-size: 18px;}
  
  .pro_text .pro-video {margin: 30px 0 0;}
  .pro_text .pro-video .v::after {background-size: 40px 45px !important;}
  
  .pro_text h3 {font-size: 24px;}
  .pro_text .pro-para2 {margin: 30px 0 0;display: flex;flex-wrap:wrap;}
  .pro_text .pro-para2 ul li h5 {font-size: 24px;}
  .pro_text .pro-para2 ul li {padding: 10px;}
  .pro_text .pro-para2 ul + ul {margin-top: 0;}
  .pro_text .pro-para2 ul {margin: 0 10px;width: calc(50% - 20px);display: block;text-align: center;padding: 15px 0;}
  .pro_text .pro-para2 ul li:nth-child(1) {width: 100px;margin: 0 auto;}
  .pro_text .pro-para2 ul li:nth-child(2) {width: 100%;text-align: center;}
  .pro_text .pro-para2 ul li {width: 100%;}
  
  

}
             
 @media screen and (max-width: 480px) {
   
   .pro_view .pic .t h5 {font-size: 24px;}
   .pro_view .txt h5 {font-size: 22px;}
   .pro_text .pro-para ul li {width: 100%;}
   .pro_text .pro-para ul li h5 {font-size: 20px;}
   
    .pro_text .pro-para2 ul {margin: 0;width:100%;}
   .pro_text .pro-para2 ul + ul {margin-top: 20px;}
 }