@charset "UTF-8";

 * {
   transition: all ease-in-out .3s;
 }

 .web_main {
   position: relative;
 }

 .page_main {
   background: #fff;
   padding: 60px 0 0;
   -moz-transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }

 .img_box {
   overflow: hidden;
 }

 img.img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
   transition: all ease-in-out 0.3s;
 }

 img.img:hover {
   transform: scale(1.1);
 }

 @media screen and (max-width: 950px) {
   img.img {
     position: static;
   }

   .page_main {
     padding: 30px 0 0;
   }

   .web_main {
     /* margin-top: 30px; */
   }
 }

 @media screen and (max-width: 500px) {
   .page_main {
     padding: 15px 0 0;
   }

   .web_main {
     /* margin-top: 15px; */
   }
 }

 :root {
   --hover-color: #22408F;
   --text-color: #262626;
   --dark-color: #666;
   --light-color: #999;
   --active-color: #22408F;
   --pc_margin: 5%;
   --web_margin: 50px;
   --mobile_margin: 30px;
 }

 /*sys_sub_head*/
 .sys_sub_head {
   text-align: center;
   background-position: center;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
   position: relative;
 }

 .sys_sub_head .head_title {
   font-size: 46px;
   line-height: 1.2;
   font-weight: normal;
   color: #bb0001;
 }

 .sys_sub_head .path_bar {
   text-align: left;
   font-size: 16px;
   line-height: 35px;
   padding: 10px 0;
 }

 .sys_sub_head .path_bar li {
   display: inline;
   padding-right: 10px;
   text-transform: capitalize;
 }

 .sys_sub_head .path_bar li:after {
   content: ">";
   padding-left: 10px;
 }

 .sys_sub_head .path_bar li:last-child:after {
   display: none;
 }

 .sys_sub_head .mobile-head-items {
   display: none;
 }

 .sys_sub_head .path_bar li {
   color: #fff;
 }

 .sys_sub_head .path_bar li a {
   color: #fff;
 }

 .sys_sub_head .path_bar li a:hover {
   text-decoration: underline;
 }

 .sys_sub_head .path_bar li:last-child a {
   color: #fff;
 }

 .sys_sub_head .path_bar li:last-child {
   color: #fff;
 }

 .sys_sub_head .path_bar li.active:last-child a {
   color: var(--active-color);
 }

 .sys_sub_head .path_bar li.active:last-child {
   color: var(--active-color);
   color: #fff;
   text-decoration: underline;
 }

 .sys_sub_head .sub_head_cont {
   width: 100%;
   padding: 4% 0 4% 0;
   text-align: center;
   background-position: center;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
 }

 .sys_sub_head .sub_head_cont .sub_head_title,
 .sys_sub_head .sub_head_cont .sub_head_title a {
   color: #fff;
 }


 .sys_sub_head .sub_head_cont .sub_head_title {
   font-family: Arial, Arial;
   font-weight: bold;
   font-size: 34px;
   color: #ffffff;
   line-height: 1.5;
   text-align: center;
   text-transform: capitalize;
 }

 @media screen and (max-width: 1500px) {
   .sys_sub_head .sub_head_cont .sub_head_title {
     /* font-size: 40px; */
     line-height: 1.5;
   }
 }

 .sys_sub_head .path_bar {
   font-size: 18px;
   text-align: center;
   text-transform: uppercase;
   padding: 30px 0 0;
   letter-spacing: 0px;
 }

 .sys_sub_head .products_rer .pdf {
   background: #fff;
   color: var(--dark-color);
   width: 9%;
   margin-right: 3%;
   cursor: pointer;
   line-height: 37px;
   min-width: 144px;
 }

 .sys_sub_head .products_rer .contact {
   background: #fff;
   width: 9%;
   cursor: pointer;
   color: var(--dark-color);
   min-width: 144px;
 }

 .sys_sub_head .products_rer .pdf:hover {
   background: var(--active-color);
   color: #fff;
   width: 9%;
   margin-right: 3%;
 }

 .sys_sub_head .products_rer .contact:hover {
   /*background: #22408f;*/
   background: var(--active-color);
   color: #fff;
   width: 9%;
   line-height: 37px;
 }

 .sys_sub_head .products_rer {
   height: 37px;
   display: flex;
   text-align: center;
   margin: 0 auto;
   width: 100%;
   justify-content: center;
 }

 @media screen and (max-width: 950px) {
   .sys_sub_head .sub_head_cont {
     padding: 25% 0 !important;
   }

   .sys_sub_head .path_bar {
     margin-top: 0;
     padding: 10px 0;
     line-height: 1.5;
     font-size: 16px;
   }

   .sys_sub_head .sub_head_cont .sub_head_title {
     font-size: 32px;
     line-height: 32px;
     display: none;
   }

   .sys_sub_head .path_bar {
     padding: 10px 0;
     margin-top: 20px;
   }

   .sys_sub_head .products_rer .pdf {
     line-height: 2.2;
     width: 120px !important;
   }

   .sys_sub_head .products_rer .contact {
     line-height: 2.2;
     width: 120px !important;
   }
 }

 /*--------------------about page------------------*/
 .ab_whobox {
   position: relative;
   margin: 60px 0;
 }

 .ab_whobox .layout {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
 }

 .ab_whobox_L {
   width: 50%;
 }

 .ab_whobox_L .img_box {
   width: 100%;
   height: 0;
   position: relative;
   left: 0;
   top: 0;
   padding-top: 77.5%;
 }

 .ab_whobox_L img {
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   object-fit: contain;
 }

 .ab_whobox_R {
   width: 50%;
   float: right;
   padding: 0px 120px 0 60px;
 }

 .ab_whobox_R1 {
   max-height: 350px;
   overflow: auto;
 }

 .ab_whobox_R1 p {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #666666;
   line-height: 2;
   text-align: left;
 }



 .ab_whobox_R2 {
   display: flex;
   /* flex-direction: column; */
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 30px 0;
 }

 .ab_whobox_R2 li {
   width: 50%;
   padding-right: 1%;
 }

 .ab_whobox_R2 li p {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #666666;
   line-height: 2;
   text-align: left;
 }

 .ab_whobox_R3 {
   display: flex;
   justify-content: space-between;
 }

 .ab_whobox_R3 li {
   display: flex;
   width: 100%;
   align-items: center;
   margin-bottom: 4%;
 }

 .ab_whobox_R3li1 {
   background: #ececec;
   border: 8px solid #f6f6f6;
   border-radius: 50%;
   width: 71px;
   height: 71px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 20px;
 }

 .ab_whobox_R3li1 img {
   width: 50%;
 }

 .ab_whobox_R3li2 {
   text-align: left;
 }

 /* .ab_whobox_R3li2 {
  width: calc(100% - 92px);
} */

 .ab_whobox_R3li2 p {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   color: #666666;
   line-height: 36px;
   text-align: left;
 }

 .ab_whobox_R3li2 a:hover {
   color: var(--active-color);
 }

 @media screen and (max-width: 1600px) {
   .ab_whobox_R {
     padding: 0px 60px 0 60px;
   }
 }

 @media screen and (max-width: 1200px) {
   .ab_whobox_R3li2 p {
     font-size: 16px;
   }

   .ab_whobox_R1 {
     max-height: 160px;
   }
 }

 @media screen and (max-width: 1024px) {
   .ab_whobox .layout {
     flex-direction: column;
     padding: 0 15px;
   }

   .ab_whobox_L {
     width: 100%;
   }

   .ab_whobox_R {
     width: 100%;
     margin-top: 30px;
   }

   .ab_whobox_R1 {
     height: auto;
   }

   .ab_whobox_L .img_box {
     height: auto;
     padding: 0;
   }

   .ab_whobox_L img {
     position: static;
   }
 }

 @media screen and (max-width: 768px) {
   .ab_whobox_R {
     padding: 0;
   }

   .ab_whobox_R3 {
     flex-direction: column;
   }
 }

 .pages ul {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 /**/
 .ab_innbox {
   position: relative;
   margin: 60px 0;
 }

 .ab_innbox .layout {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .ab_innbox_L {
   width: 50%;
   float: left;
   padding: 0px 60px 0 120px;
 }

 .ab_innbox_R {
   width: 50%;
 }

 .ab_innbox_R .img_box {
   width: 100%;
   height: 0;
   position: relative;
   left: 0;
   top: 0;
   padding-top: 77.5%;
 }

 .ab_innbox_R .newDetailsImg {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
 }

 .ab_innbox_R img {
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   object-fit: cover;
 }

 .ab_innbox_R1 p {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #666666;
   line-height: 1.7;
   text-align: left;
 }

 .ab_innbox_R2 {
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   margin: 30px 0;
   position: relative;
   /* justify-content: space-around; */
 }

 .ab_innbox_R2 li {
   margin-right: 15px;
   /* width: 30%;
  margin-right: 5px;*/

 }

 .ab_innbox_R2 li p {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #666666;
   line-height: 1.7;
   text-align: left;
 }

 .active .ab_innbox_R2li2 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .ab_innbox_content li {
   display: none;
 }

 .ab_innbox_content li.active {
   display: block;
 }

 .ab_innbox_R2li2 {
   display: flex;
   align-items: center;
 }

 .ab_innbox_R2li1 {
   cursor: pointer;
   padding: 10px;
   border: 1px solid var(--textActive-color);
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #333333;
   line-height: 28px;
   text-align: center;
   text-transform: uppercase;
   padding: 11px 20px;
 }

 .ab_innbox_R2li1:hover {
   background-color: var(--textActive-color);
   color: #fff;
 }

 .ab_innbox_R2li1.navactive {
   background-color: var(--textActive-color);
   color: #fff;
 }

 .ab_innbox_R2img {
   width: 35%;
   overflow: hidden;
   position: relative;
   height: 0;
   padding-top: 32%;
 }

 .ab_innbox_R2p {
   width: 60%;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #666666;
   /* height: 180px; */
   /* overflow: auto; */
   line-height: 2;
   text-align: left;
 }

 .index_hd {
   margin-bottom: 40px;
   text-align: center;
 }

 .index_hd,
 .index_hd a {
   color: #000;
 }

 .index_hd .title {
   font-family: Arial-BoldMT;
   font-size: 20px;
   /*color: #22408f;*/
   color: var(--active-color);
   margin-bottom: 20px;
 }

 .index_hd .hd_title {
   font-weight: bold;
   line-height: 1.1;
   font-family: Arial;
   font-size: 40px;
   color: #000000;
   transition: all .3s ease;
 }

 .index_hd .hd_title a:hover {
   color: var(--hover-color);
 }

 .index_hd .hd_desc {
   font-size: 16px;
   padding-top: 15px;
 }

 @media screen and (max-width: 1600px) {
   .ab_innbox_R1 {
     max-height: 165px;
     overflow: auto;
   }

   .ab_innbox_L {
     padding: 0px 60px 0 60px;
   }

   .index_hd .hd_title a {
     font-size: 40px;
   }

   .ab_whobox_R1 {
     max-height: 250px;
   }

   .ab_whobox_R .index_hd {
     margin-bottom: 20px;
   }

   .ab_innbox_L .index_hd {
     margin-bottom: 20px;
   }
 }

 @media screen and (max-width: 1400px) {
   .index_hd .hd_title a {
     font-size: 32px;
   }
 }

 @media screen and (max-width: 1200px) {
   .ab_whobox_R3li2 p {
     font-size: 16px;
   }

   .ab_whobox_R1 {
     /*max-height: 160px;*/

   }
 }

 @media screen and (max-width: 1024px) {
   .ab_innbox_R1 {
     max-height: 100%;
     overflow: hidden;
   }

   .ab_whobox_R1 {
     max-height: 100%;
     overflow: hidden;
   }

   .ab_innbox .layout {
     flex-direction: column-reverse;
     padding: 0 15px;
   }

   .ab_innbox_L {
     width: 100%;
     padding: 0;
     margin-top: 30px;
   }

   .ab_innbox_R {
     width: 100%;
   }

   .ab_innbox_R2p {
     height: auto;
   }

   .ab_innbox_R .img_box {
     height: auto;
     padding: 0;
   }

   .ab_innbox_R .newDetailsImg {
     position: static;
     height: 300px;
   }

   .ab_innbox_R img {
     position: static;
   }
 }

 @media screen and (max-width: 950px) {
   .ab_innbox_R2img {
     height: auto;
     padding: 0;
   }
 }

 @media screen and (max-width: 768px) {
   .ab_innbox_R2li2 {
     flex-direction: column;
   }

   .ab_innbox_R2img {
     width: 100%;
   }

   .ab_innbox_R2p {
     width: 100%;
     margin-top: 20px;
   }

   .ab_innbox_R2 {
     flex-direction: column;
   }

   .ab_innbox_R2 li {
     width: 100%;
     margin-bottom: 20px;
   }
 }

 @media screen and (max-width: 414px) {
   .index_hd {
     margin-bottom: 20px;
   }

   .index_hd .title {
     margin-bottom: 10px;
   }
 }

 /**/
 .ab_groupbox {
   margin: 60px 0;
 }

 .ab_group {
   text-align: center;
 }

 .ab_groupli {
   position: relative;
   width: 20%;
   height: 390px;
   background-size: cover;
   background-position: center;
   overflow: hidden;
 }

 .ab_groupli .overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #22408f;
   transition: background-color 0.5s ease;
   z-index: 1;
 }

 .ab_groupli:hover .overlay {
   background-color: #0052d963;
 }

 .ab_groupli img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   max-width: 50%;
   z-index: 2;
 }

 @media screen and (max-width: 950px) {
   .ab_groupli .overlay {
     display: none;
   }
 }

 @media screen and (max-width: 768px) {
   .ab_groupli img {
     max-width: 25%;
   }
 }

 @media screen and (max-width: 414px) {
   .ab_groupbox {
     margin: 30px 0;
   }
 }

 /**/
 .ab_meetli {
   width: 24.5%;
   text-align: center;
   margin-bottom: 20px;
 }

 .ab_meetli .ab_meetli1 {
   position: relative;
   height: 0;
   width: 100%;
   padding-top: 101%;
   overflow: hidden;
 }

 .ab_meetli .ab_meetli1 img {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   transition: all ease-in-out 0.3s;
 }

 .ab_meetli .ab_meetp1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #666666;
   line-height: 36px;
 }

 .ab_meetli .ab_meetp2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #666666;
   line-height: 36px;
   font-weight: bold;
 }

 .ab_meetli .ab_meetli:hover .ab_meetp1 {
   color: #22408f;
 }

 .ab_meetli .ab_meetli:hover .ab_meetp2 {
   color: #22408f;
 }

 .ab_meetli .title {
   color: var(--dark-color);
   margin-top: 20px;
 }

 .ab_meetli .ename {
   font-family: Arial-BoldMT;
   color: var(--dark-color);
   font-size: 20px;
   margin-top: 10px;
 }

 .ab_meetli:hover .ename,
 .ab_meetli:hover .title {
   color: var(--active-color);
 }

 /**/
 .ditubox {
   background-repeat: no-repeat;
   padding: 8% 0 28% 0;
   background-size: cover;
 }

 .ditubig1 {
   font-family: Arial-BoldMT;
   font-weight: bold;
   font-size: 34px;
   color: #333333;
   line-height: 1.4;
   text-align: left;
   width: 800px;
 }

 .ditubig2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #666666;
   line-height: 30px;
   text-align: left;
   width: 40%;
   margin-top: 30px;
 }

 .ditubig3 {
   margin: 30px 0 0px 0;
   display: flex;
 }

 .ditubig3 a {
   background: #22408f;
   color: #fff;
   padding: 15px 30px;
   text-transform: uppercase;
 }

 .ditubig4 {
   display: none;
 }

 @media only screen and (max-width: 1280px) {
   .ditubox {
     background-repeat: no-repeat;
     background-size: cover;
     padding: 120px 0;
   }
 }

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

   .ditubig1,
   .singupbig_L p {
     font-size: 30px !important;
   }
 }

 @media only screen and (max-width: 950px) {
   .ditubig1 {
     font-size: 26px !important;
   }
 }

 @media only screen and (max-width: 768px) {
   .ditubig1 {
     width: auto;
     font-size: 30px;
   }

   .ditubox {
     padding: 29px 0 200px 0;
     background-position: center bottom;
     background-size: 100%;
   }

   .ditubig2 {
     width: 100%;
     margin-top: 10px;
   }
 }

 /**/
 .singupbox {
   padding: 60px 0;
   background-repeat: no-repeat;
   background-size: cover;
   /* margin-top: 3%; */
 }

 .singupbig {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-right: 5%;
 }

 .singupbig_L {
   width: 43%;
 }

 .singupbig_L p {
   font-family: Arial, Arial;
   font-weight: bold;
   font-size: 30px !important;
   color: #ffffff;
   line-height: 1.5;
   text-align: left;
 }

 .singupbig_R {
   width: 55%;
 }

 .singupbig_R1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   color: #ffffff;
   line-height: 34px;
   text-align: left;
   margin-bottom: 30px;
 }

 .singupbig_R2 {
   display: flex;
   justify-content: space-between;
 }

 .singupbig_R21 {
   border-bottom: 1px solid #ffffff;
   color: #dbdbdb !important;
   width: 80%;
   display: inline-block;
 }

 .singupbig_R22 {
   padding: 10px 40px;
   color: #333;
   background-color: #fff;
 }

 .singupbig_R22:hover {
   color: #fff;
   background-color: var(--active-color);
 }

 /* @media screen and (max-width: 1300px) {
  .singupbig_L p {
    font-size: 40px;
  }
} */

 @media screen and (max-width: 950px) {
   .singupbig {
     flex-direction: column;
   }

   .singupbig_L {
     width: 100%;
   }

   .singupbig_L p {
     text-align: center;
   }

   .singupbig_R {
     width: 100%;
   }

   /* 
  .singupbig_R1 {
    text-align: center;
  } */

   .singupbig_R2 {
     flex-direction: column;
   }

   .singupbig_R21 {
     width: 100%;
     margin: 0 auto;
   }

   .singupbig_R22 {
     width: 40%;
     margin: 30px 0 0;
     text-align: center;
   }

   .singupbig_L p {
     font-size: 30px !important;
     text-align: left;
   }

   .singupbox {
     background-size: calc(100% + 10px) calc(100% + 10px) !important;
     background-position: -10px -7px !important;
   }

   .singupbig_R1 {
     text-align: left;
     font-size: 16px;
     margin-top: 10px;
   }
 }

 @media screen and (max-width: 414px) {
   .singupbig_L p {
     font-size: 28px;
   }
 }

 .index_photos {
   padding: 5% 0;
 }

 .index_photos_swi_box {
   margin-top: 70px;
 }

 .index_photos_swi_box .swiper-slide {
   width: 100%;
   position: relative;
   height: 0;
   overflow: hidden;
   padding-bottom: 23%;
 }

 .index_photos_swi_box .swiper-slide img {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   object-fit: cover;
 }

 .index_photos_swi_box img {
   width: 100%;
 }

 .index_photos_swi_box img:hover {
   transform: scale(1.1);
 }

 .index_photos_pag {
   margin-top: 70px;
   text-align: center;
 }

 .index_photos_pag .swiper-pagination-bullet {
   width: 77px;
   height: 2px;
   background: rgba(34, 64, 143, .29);
   opacity: 1;
   border: 0 !important;
   border-radius: 0;
   margin: 0 !important;
 }

 .index_photos_pag .swiper-pagination-bullet-active {
   background: #22408F;
   border-radius: 0;
 }


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

   .index_photos_swi_box,
   .index_photos_pag {
     margin-top: 30px;
   }
 }

 /*--------------------application page------------------*/
 .media {
   margin-top: var(--pc_margin);
 }

 .media .flex-box {
   width: 100%;
   display: flex;
   align-items: center;
 }

 .media .flex-box:nth-child(2n) {
   flex-direction: row-reverse;
 }

 .media .media-left {
   width: 50%;
 }

 .media .img_box {
   width: 100%;
   position: relative;
   height: 0;
   padding-top: 64%;
 }

 .media .media-right {
   width: 50%;
   padding-left: 70px;
   padding-right: 70px;
 }

 .media .flex-box:nth-child(2n) .media-right {
   padding-right: 70px;
   padding-left: 0;
 }

 .media .tou {
   font-family: Arial-BoldMT;
   font-size: 18px;
   color: var(--dark-color);
 }

 .media .title {
   font-family: Arial-BoldMT;
   font-size: 34px;
   line-height: 1.3;
   margin: 10px 0 20px 0;
 }

 .media .title span {
   font-size: 34px;
   color: #182e59;
   font-weight: bold;
 }

 .media .content {
   color: var(--dark-color);
   line-height: 1.6;
   /*max-height: 103px;*/
   /*overflow: auto;*/
 }

 .media .more {
   display: inline-block;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #fff;
   height: 51px;
   line-height: 51px;
   text-align: center;
   /*background-color: #22408f;*/
   background-color: var(--active-color);
   margin-top: 60px;
 }

 .media .more a {
   display: inline-block;
   color: #fff;
   width: 100%;
   height: 100%;
   padding: 0px 30px;
 }

 .media .more a:hover {
   text-decoration: underline;
 }

 .contact.media {
   background-color: #f7f7f7;
 }

 .app_main .media .flex-box {
   margin-bottom: 40px;
 }

 @media screen and (max-width: 1300px) {
   .media .title {
     font-size: 34px;
   }

   .media .more {
     margin-top: 30px;
   }

   .media .title span {
     font-size: 34px;
   }
 }

 @media screen and (max-width: 1150px) {
   .media .title {
     font-size: 25px;
   }

   .media .more {
     margin-top: 20px;
   }

   .media .title span {
     font-size: 25px;
   }
 }

 @media screen and (max-width: 950px) {
   .media .title {
     font-size: 24px;
   }

   .media .title span {
     font-size: 26px;
   }

   .media .flex-box {
     flex-direction: column !important;

   }

   .media .media-left {
     width: 100%;
   }

   .media .media-right {
     width: 100%;
     padding: 0;
     margin-top: 40px;
   }

   .media .img_box {
     height: auto;
     padding: 0;
   }

   .media .content {
     -webkit-line-clamp: none;
     max-height: unset;
     overflow: unset;
     min-height: min-content !important;
   }

   .media .flex-box:nth-child(2n) .media-right {
     padding-right: 0;
   }

   .media.contact .media-right {
     margin-top: 20px;
     padding: 0 50px 30px 50px;
   }
 }

 @media screen and (max-width: 768px) {
   .media {
     margin-top: var(--web_margin);
   }

   .media.contact .media-right {
     padding: 0 30px 30px 30px;
   }
 }

 @media screen and (max-width: 414px) {
   .media {
     margin-top: var(--mobile_margin);
   }

   .media .media-right {
     margin-top: var(--mobile_margin);
   }

   .media .app_main .media .flex-box {
     margin-bottom: 20px;
   }
 }

 /*products*/
 .productBox {
   margin-top: var(--pc_margin);
 }

 .productBox .prolist {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   flex-wrap: wrap;
 }

 /* .media-right .productBox .prolist {
  flex-wrap: inherit;
} */

 .productBox .prolist.special {
   justify-content: center;
 }

 .productBox .option {
   width: 30%;
   margin: 0 1.66%;
   margin-bottom: 20px;
 }

 .productBox li {
   padding: 30px;
 }

 .productBox li:hover {
   background-color: #f7f7f7;
 }

 .productBox li:hover .title {
   color: var(--textActive-color);
 }

 .productBox .img_box {
   width: 100%;
   position: relative;
   height: 0;
   padding-top: 80%;
 }

 .productBox .title {
   font-size: 18px;
   text-align: left;
   margin-top: 40px;
   min-height: 3.9em;
   margin-bottom: 0;
 }

 @media screen and (max-width: 1200px) {
   .flex-box .productBox .title {
     font-size: 18px;
   }
 }

 @media screen and (max-width: 950px) {
   .flex-box .productBox .title {
     font-size: 20px;
   }
 }

 @media screen and (max-width: 768px) {
   .flex-box .productBox .title {
     min-height: min-content;
   }
 }

 .productBox .desc {
   color: var(--light-color);
   font-size: 16px;
   line-height: 28px;
   font-style: normal;
   text-transform: none;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   /*height:8.5em;*/
 }

 .productBox .desc *{
   color: var(--light-color) !important;
 }

 .productBox li:hover .title a {
   color: var(--active-color);
   text-decoration: underline;
 }

 .productBox.special {
   margin-top: 0 !important;
 }

 /* @media screen and (max-width: 1100px) {
  .productBox .option {
    width: 48%;
    margin: 0 1%;
    padding: 30px 2.5%;
  }
} */

 @media screen and (max-width: 950px) {
   .productBox {
     margin-top: var(--web_margin);
     /*.prolist {*/
     /* display:none;*/
     /*
}*/

   }

   .productBox .img_box img.img {
     position: absolute;
   }

   .productBox .product_sw {
     display: block;
   }
 }
.product_sw{
  position: relative;
}

.product_sw .swiper-button-prev{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 50px;
  height: 50px;
  background: #000;
  border-radius: 50%;
  z-index: 9;
}

.product_sw .swiper-button-prev::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 9px;
  display: inline-block;
  height: 16px;
  background: url('../images/swiper_left5.png') no-repeat;
  background-size: 100% 100%;
}

.product_sw .swiper-button-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 50px;
  height: 50px;
  background: #000;
  border-radius: 50%;
  z-index: 9;
}

.product_sw .swiper-button-next::after{
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 9px;
  height: 16px;
  background: url('../images/swiper_right4.png') no-repeat;
  background-size: 100% 100%;
}
 @media screen and (max-width: 768px) {
   .productBox {
     margin-top: var(--mobile_margin);
   }

   .productBox .option {
     width: 100%;
   }
 }

 /*news*/
 .news_swiper {
   margin-top: 4%;
 }

 .news_swiper .item {
   border: 1px solid #ececec;
 }

 .news_swiper .item:hover {
   /* background-image: url(../images/banner1.png); */
   background-position: center top;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .news_swiper .item .info {
   /*background-color: #22408fc4;*/
   background: rgba(34, 64, 143, .69);
 }

 .news_swiper .info {
   width: 100%;
   padding: 30px;
   position: relative;
   z-index: 1;
 }

 .news_swiper .date {
   color: #a3a3a3;
   line-height: 1.4;
 }

 .news_swiper .title {
   color: #333;
   font-size: 18px;
   /* height: 65px; */
   margin: 10px 0;
   line-height: 1.5em;
   height: 3em;
 }

 .news_swiper .content {
   color: var(--dark-color);
   line-height: 28px;
   margin-bottom: 10px;
   height: 84px;
 }

 /* .news_swiper .item:hover .date {
   color: #fff;
 }

 .news_swiper .item:hover .title {
   color: #fff;
 }

 .news_swiper .item:hover .content {
   color: #fff;
 } */
 .news_swiper .item .date {
   color: #fff;
 }

 .news_swiper .item .title {
   color: #fff;
 }

 .news_swiper .item .content {
   color: #fff;
 }

 .news_swiper .more {
   width: 45px;
   height: 45px;
   background: url(../images/more.png) no-repeat center top;
   background-size: 100%;
 }

 .cebianmain .news_swiper {
   margin-top: 0;
 }

 .cebianmain .news_swiper .item {
   width: 30%;
   margin-right: 18px;
   margin-bottom: 38px;
 }

 .cebianmain .news_swiper .nlist {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
 }

 @media screen and (max-width: 1300px) {
   .cebianmain .news_swiper .item {
     width: 48%;
     margin-right: 2%;
     margin-bottom: 38px;
   }
 }

 @media screen and (max-width: 768px) {
   .news_swiper {
     margin-top: var(--web_margin);
   }

   .news_swiper .swiper-slide-active.item {
     /* background-image: url(../images/banner1.png); */
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
   }

   .news_swiper .swiper-slide-active.item .info {
     /*background-color: #22408fc4;*/
     background: rgba(34, 64, 143, .69);
   }

   .news_swiper .swiper-slide-active.item .item_img {
     visibility: visible;
   }

   .news_swiper .swiper-slide-active.item .date {
     color: #fff;
   }

   .news_swiper .swiper-slide-active.item .title {
     color: #fff;
   }

   .news_swiper .swiper-slide-active.item .content {
     color: #fff;
   }

   .cebianmain .news_swiper .item {
     width: 100%;
     margin-bottom: 38px;
     /* background-image: url(../images/banner1.png); */
     background-position: center top;
     background-repeat: no-repeat;
     margin-right: 0;
     background-size: cover;
   }

   .cebianmain .news_swiper .info {
     /*background-color: #22408fc4;*/
     background: rgba(0, 94, 173, 0.69);
   }


   .cebianmain .news_swiper .date {
     color: #fff;
   }

   .cebianmain .news_swiper .title {
     color: #fff;
   }

   .cebianmain .news_swiper .content {
     color: #fff;
   }
 }

 @media screen and (max-width: 414px) {
   .news_swiper {
     margin-top: var(--mobile_margin);
   }
 }

 /*--------------------contact page------------------*/
 .contact_us .clist {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }

 .contact_us .item {
   width: 32%;
   background: #f6f6f6;
   border: 1px solid #f0f0f0;
   text-align: center;
   padding: 55px 60px;
 }

 .contact_us .item:hover {
   background-color: #fff;
   box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
 }

 .contact_us .img_box {
   border-radius: 50%;
   width: 83px;
   height: 83px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   /*background-color: #22408f;*/
   background-color: var(--active-color);
   margin-bottom: 30px;
 }

 .contact_us .img_box img {
   width: 38px;
 }

 .contact_us .title {
   font-weight: bold;
   font-size: 24px;
   color: #333333;
   line-height: 1.4;
   text-align: center;
   margin-bottom: 30px;
 }

 .contact_us .info a:hover {
   color: #094da2;
   text-decoration: underline;
 }

 @media screen and (max-width: 950px) {
   .contact_us .item {
     width: 100%;
     background: #f6f6f6;
     border: 1px solid #f0f0f0;
     text-align: center;
     padding: 60px 60px;
     margin-bottom: 30px;
   }
 }

 .cont_share {
   text-align: center;
   margin: 60px 0;
 }

 .cont_share p {
   font-family: Arial, Arial;
   font-weight: bold;
   font-size: 20px;
   color: #333333;
   line-height: 31px;
   text-align: center;
 }

 .cont_share .cont_map {
   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .cont_share .cont_map iframe {
   position: absolute;
   top: 15%;
   right: 0;
   width: 50%;
   height: 90%;
 }

 .cont_share .shareBox {
   display: flex;
   justify-content: center;
   margin-top: 20px;
 }

 /*submit*/
 .cont_map {
   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .cont_map iframe {
   position: absolute;
   top: 15%;
   right: 0;
   width: 50%;
   height: 90%;
 }

 .lianxixun .xun_boxrtit1 {
   font-family: Arial, Arial;
   font-weight: bold;
   font-size: 60px;
   color: #ffffff;
   line-height: 66px;
   text-align: left;
 }

 .lianxixun .index_from .asterisk {
   background-color: transparent;
   border-radius: 30px;
 }

 .lianxixun .form_ul li input {
   background-color: transparent;
   border: none !important;
   border-bottom: 1px solid #fff !important;
   width: 100%;
   padding-left: 3%;
   border-radius: 0px;
 }

 .lianxixun .Asterisk_Text textarea {
   border: none !important;
   border-bottom: 1px solid #fff !important;
   background-color: transparent;
   border-radius: 0;
 }

 .lianxixun .gtm_submit_btn {
   background-color: #ffffff !important;
   width: 151px !important;
   height: 49px !important;
   color: #333;
   margin-top: 15px !important;
   background: #22408f;
   border-radius: 0px;
   border: none;
 }

 .xun_boxr {
   width: 50%;
   padding: 60px 0px;
   padding-right: 5%;
   max-width: 600px;
 }

 .xun_boxr .content-wrap.form .ch_form_wrap ul input,
 .xun_boxr .content-wrap.form .ch_form_wrap ul textarea,
 .xun_boxr .content-wrap.form .ch_form_wrap ul select {
   background: transparent;
   border: none;
   border-bottom: 1px solid #fff;
   color: #fff;
 }

 .xun_boxr .content-wrap.form .ch_form_wrap ul li {
   margin-bottom: 30px;
 }

 .xun_boxr .content-wrap.form .ch_form_wrap ul li:nth-child(1) {
   width: 48%;
   float: left;
 }

 .xun_boxr .content-wrap.form .ch_form_wrap ul li:nth-child(2) {
   width: 48%;
   float: right;
 }

 .xun_boxr .content-wrap.form .ch_form_wrap .item_submit {
   padding: 0;
 }

 .xun_boxr .item_submit .submit_btn {
   margin: 0;
   background: #fff;
   color: #333 !important;
   font-weight: bold;
   border: none !important;
 }

 .xun_boxr .content-wrap.form .ch_form_wrap ul input::placeholder {
   color: #fff;
 }

 .xun_boxr .content-wrap.form .ch_form_wrap ul textarea::placeholder {
   color: #fff;
 }

 .xun_boxr .item_submit .submit_btn:hover {
   background: var(--active-color) !important;
   color: #fff !important;
 }

 @media screen and (max-width: 950px) {
   .xun_boxr {
     width: 100%;
     padding: 120px 10px 30px 10px;
   }

   .cont_map iframe {
     position: relative;
     top: 15%;
     right: 0;
     width: 100%;
     height: 400px;
   }
 }

 @media screen and (max-width: 768px) {
   .xun_boxr {
     padding: 60px 10px 0 10px;
   }

   .lianxixun .xun_boxrtit1 {
     font-size: 38px;
   }

   .content-wrap.form .ch_form_wrap ul {
     padding: 20px 0;
   }
 }

 /*--------------------faq page------------------*/
 .cebianmain {
   position: relative;
   float: left;
   width: 73%;
 }



 .cebianmain .faq_list {
   position: relative;
   width: 100%;
 }

 .cebianmain .faq-item {
   position: relative;
   overflow: hidden;
   margin: 0 0 20px;
   /* padding: 0 25px;*/
   width: 100%;
   border-bottom: 1px solid #dddddd;
 }

 .cebianmain .faq-item .faq-title {
   /* position: relative; */
   padding: 0px 0 15px 0;
   font-size: 16px;
   cursor: pointer;
   display: flex;
 }

 .cebianmain .faq-item .faq-title:before {
   position: absolute;
   right: 0;
   content: "\f067";
   font-size: 14px;
   color: #004562;
   display: none;
 }

 .cebianmain .faq-item .faq-title.show-title:before {
   content: "\f068";
   color: #004562;
   display: none;
 }

 .cebianmain .faq-item .faq-title .faqh3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #333333;
   line-height: 31px;
   font-weight: bold;
 }

 .cebianmain .faq-item.active .faq-title .faqh3 {
   color: #22408f;
 }

 .cebianmain .faq-item .faq-cont {
   display: none;
   margin: 0;
   margin-left: 35px;
   padding-bottom: 15px;
 }

 .cebianmain .faq-item:first-child .faq-cont {
   display: block;
 }

 .cebianmain .faq-cont p {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #666666;
   line-height: 30px;
 }

 .cebianmain .faq-item .faq-title .svg_icon {
   margin-right: 20px;
 }

 .cebianmain .faq-item .faq-title .svg_icon .icon {
   width: 25px;
   height: auto;
 }

 .cebianmain .faq_lbg {
   padding: 150px 150px 150px 150px;
   margin-bottom: 50px;
 }

 .cebianmain .faq_lbg:after {
   background-color: rgba(168, 153, 136, 0.2);
 }

 .cebianmain .faqheading {
   font-size: 34px;
   color: #ffffff;
   font-family: Raleway;
   font-weight: 200;
   margin: 10px 0;
 }

 .cebianmain .faqheading-text {
   font-size: 14px;
   color: #ffffff;
   font-family: Raleway;
   font-weight: 300;
   margin: 10px 0;
 }

 .cebianmain .faq_tks {
   background-color: #595959;
   padding-top: 70px;
   padding-bottom: 60px;
 }

 .cebianmain .faq_tksw {
   font-size: 20px;
   color: #ffffff;
   font-family: Airal;
   font-weight: 300;
   margin: 10px 0;
 }

 .cebianmain .faq_listb {
   font-size: 14px;
   color: #ffffff;
   font-family: Airal;
   font-weight: 300;
   margin: 30px 0;
   text-align: center;
 }

 .cebianmain .faq_tksw {
   text-align: center;
 }

 .cebianmain .faq_btn {
   font-size: 15px;
   font-family: Raleway;
   font-weight: 300;
   color: #ffffff;
   border: 2px solid #ffffff;
   background-color: #595959;
   border-radius: 30px;
   line-height: 17px;
   padding: 12px 24px;
 }

 .cebianmain .faq_listb a:hover {
   color: #333333;
   border: 2px solid #ffffff;
   background-color: #ffffff;
   border-radius: 10px;
 }

 .cebianmain .faq_list .svg_icon {
   position: relative;
   width: 16px;
   height: 27px;
 }

 .cebianmain .faq_list .svg_icon::before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: url("img/pd_icons.png");
   background-size: cover;
   background-position: center;
 }

 .cebianmain .page_faq .faq-item .faq-title:before {
   position: absolute;
   right: 17px;
   font-size: 14px;
   color: #004562;
   display: block;
   content: "";
   width: 28px;
   height: 28px;
   background: url(../images/add.png) no-repeat center center;
   background-size: 14px;
 }

 .cebianmain .page_faq .faq-item .faq-title.show-title:before {
   content: "";
   color: #004562;
   display: block;
   /*width: 11px;*/
   /*height: 2px;*/
   background: url(../images/reduce.png) no-repeat center center;
   background-size: 11px;
 }

 .cebianmain .faq_list .page_faq .active .faq-title:before {
   color: #fff !important;
   background: url(../images/reduce.png) no-repeat center center;
   background-size: 11px;
 }

 .cebianmain .page_faq .faq-item .faq-cont {
   display: none;
   margin: 0;
   margin-left: 0px;
   padding-bottom: 15px;
 }

 .cebianmain .page_faq .faq-item {
   position: relative;
   overflow: hidden;
   margin: 0 0 20px;
   padding: 30px 40px 15px 40px;
   width: 100%;
   border: 1px solid #ebebeb;
 }

 .cebianmain .page_faq .faq-item.active .faq-cont {
   display: block;
 }

 .cebianmain .faq_list .page_faq .active {
   /*background-color: #22408f;*/
   background-color: var(--active-color);
 }

 .cebianmain .page_faq .faq-titlep {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 22px;
   color: #333333;
   line-height: 31px;
   display: block;
   text-align: left;
 }

 .cebianmain .page_faq .faq-cont p {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 17px;
   color: #333333;
   line-height: 28px;
   text-align: left;
 }

 .cebianmain .page_faq .active .faq-titlep {
   color: #ffffff;
 }

 .cebianmain .page_faq .active .faq-cont p {
   color: #ffffff;
 }

 .cebianmain .page_faq .faq-item .faq-title:before {
   color: #22408f;
 }

 .cebianmain .page_faq .faq-item .faq-title.show-title:before {
   color: #ffffff;
 }

 .cebianmain .page_faq.page_download .faq-item {
   position: relative;
   overflow: hidden;
   margin: 0 0 20px;
   padding: 30px 40px 30px 40px;
   width: 100%;
   border: 1px solid #ebebeb;
 }

 .cebianmain .page_faq.page_download .faq-item:hover {
   background-color: #22408f;
 }

 .cebianmain .page_faq.page_download .faq-item:hover .faq-titlep {
   color: #fff;
 }

 .cebianmain .page_faq.page_download .faq-item .faq-title {
   position: relative;
   padding: 0px;
   font-size: 16px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: space-between;
   word-break: break-word;
 }

 .cebianmain .page_faq.page_download .faq-titlep {
   flex: 1;
   word-break: normal;
 }

 .cebianmain .page_faq.page_download .faq-item .faq-title::before {
   display: none !important;
 }

 .cebianmain .page_faq.page_download .faq-item .download_down {
   width: 21px;
   height: 18px;
   flex-shrink: 0;
   margin-left: 15px;
 }

 .cebianmain .page_faq.page_download .faq-item .download_down:before {
   content: "";
   display: inline-block;
   width: 21px;
   height: 18px;
   background-image: url(../images/download-black.png);
   background-repeat: no-repeat;
   background-size: 21px;
 }

 .cebianmain .page_faq.page_download .faq-item:hover .download_down:before {
   content: "";
   display: inline-block;
   width: 21px;
   height: 18px;
   background-image: url(../images/download-white.png);
   z-index: 21;
   background-repeat: no-repeat;
   background-size: 21px;
 }

 .cebian {
   position: sticky;
   float: right;
   width: 22%;
   top: 140px;
 }

 .cebian #ssbiao {
   width: 18px;
   height: 17px;
   background-color: #0c6ea6;
   border-radius: 50%;
   right: 4px;
   top: 4px;
   border: none;
   font-size: 0;
   background-repeat: no-repeat;
   background-position: center;
   margin: 0;
 }

 .cebian .aside {
   float: left;
   width: 230px;
 }

 .cebian .side-tit-bar {
   position: relative;
   margin-bottom: 15px;
 }

 .cebian .side-tit-bar .side-tit {
   position: relative;
   height: 36px;
   overflow: hidden;
   white-space: nowrap;
   /* padding: 0 0 0 15px;*/
   text-transform: capitalize;
   font-family: Arial-BoldMT, Arial;
   font-weight: bold;
   font-size: 22px;
   color: var(--active-color);
   line-height: 43px;
 }

 .cebian .side-widget {
   position: relative;
   margin: 0 0 30px;
 }

 .cebian .side-cate li {
   position: relative;
   line-height: 30px;
   font-size: 16px;
 }

 .cebian .side-cate li a {
   position: relative;
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: normal;
   color: #333333;
   line-height: 43px;
   text-transform: capitalize;
 }

 .cebian .side-cate ul {
   display: none;
   /* overflow: auto !important; */
   background-color: #fff;

 }

 .cebian .side-cate ul li a {
   font-size: 16px;
   color: #333;
 }

 .cebian .side-cate li a {
   -webkit-transition: color 0.3s ease-in-out;
   -o-transition: color 0.3s ease-in-out;
   transition: color 0.3s ease-in-out;
 }

 .cebian .side-cate li li {
   font-size: 16px;
   padding: 2px 0;
   padding-left: 10px;
 }

 .cebian .side-cate li li a:hover:before,
 .cebian .side-cate li li.active>a:before {
   background-color: #22408f;
 }

 .cebian .side-cate li li li {
   font-size: 16px;
 }

 .cebian .side-cate li a:hover,
 .cebian .side-cate li.active>a {
   color: #22408f;
 }

 .cebian .side-cate li a:hover:before,
 .cebian .side-cate li.active>a:before {
   background-color: #22408f;
 }

 .cebian .side-cate li .icon-cate {
   position: absolute;
   right: 0;
   top: 6px;
   display: inline-block;
   width: 20px;
   height: 20px;
   line-height: 20px;
   overflow: hidden;
   text-align: center;
   font-size: 10px;
   cursor: pointer;
   color: #99abb7;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .cebian .side-cate li .icon-cate.icon-cate-down:before {
   content: ">";
   transform: rotate(269deg);
   display: block;
 }

 .cebian .side-cate li .icon-cate.icon-cate-up:before {
   content: ">";
   transform: rotate(81deg);
   display: block;
 }

 .cebian .side-widget .cate-type-list>li {
   line-height: 30px;
   font-size: 16px;
 }

 .cebian .side-widget .cate-type-list>li>a {
   /* padding-left: 15px; */
   margin-right: 0;
 }

 .cebian .side-cate li.has-child>a {
   line-height: 35px;
   margin-right: 30px;
 }

 .cebian .side-cate li.has-child>a:hover {
   color: var(--active-color);
 }

 .cebian .side-cate li.nav-current>.icon-cate {
   /*color: #22408f;*/
   color: var(--active-color);
 }

 .cebian .side-cate>li.nav-current>a,
 .cebian .side-cate>li.nav-current>.icon-cate {
   /*color: #22408f;*/
   color: var(--active-color);
 }

 .cebian .side-cate li li.nav-current>a {
   /*color: #22408f;*/
   color: var(--active-color);
 }

 .cebian .side-cate li li.nav-current>a:before {
   /*background-color: #22408f;*/
   background-color: var(--active-color);
 }

 .cebian .side-cate li.nav-current>.icon-cate,
 .cebian .side-cate li:hover>.icon-cate,
 .cebian li.show_li>.icon-cate {
   color: #99abb7;
 }

 .cebian .side-cate li .icon-cate:hover {
   background-color: #53636e;
   color: #fff;
 }

 .cebian .side-product-items {
   position: relative;
 }

 .cebian .side-product-items .items_content {
   position: relative;
   padding: 35px 0;
 }

 .cebian .side_product_item {
   position: relative;
   display: block;
   width: 100%;
   overflow: hidden;
 }

 .cebian .side_product_item figure {
   position: relative;
   display: table;
   width: 100%;
   overflow: hidden;
 }

 .cebian .side_product_item .item-img,
 .cebian .side_product_item figcaption {
   display: table-cell;
   vertical-align: middle;
 }

 .cebian .side_product_item .item-img {
   width: 70px;
   border: 1px solid #dcdcdc;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   position: relative;
 }

 .cebian .side_product_item .item-img:before {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   -webkit-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .cebian .side_product_item .item-img img {
   display: block;
   width: 100%;
 }

 .cebian .side_product_item:hover .item-img {
   border-color: #ccc;
 }

 .cebian .side_product_item:hover .item-img:before {
   background-color: rgba(0, 150, 234, 0.3);
 }

 .cebian .side_product_item figcaption {
   padding-left: 15px;
 }

 .cebian .side_product_item figcaption h3 {
   font-size: 16px;
   font-weight: normal;
 }

 .cebian .side_product_item figcaption h3 a {
   display: block;
   max-height: 4.2em;
   line-height: 1.4em;
   /*-ms-word-break:break-all;
  word-break:break-all;
  word-wrap:break-word;*/
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
 }

 .cebian .side_product_item figcaption h3 a:hover,
 .cebian .side_product_item .item-img:hover+figcaption h3 a {
   color: #22408f;
   text-decoration: underline;
 }

 .cebian .side_product_item figcaption .h3 {
   font-size: 16px;
   font-weight: normal;
 }

 .cebian .side_product_item figcaption .h3 a {
   display: block;
   max-height: 4.2em;
   line-height: 1.4em;
   max-height: none;
   height: auto;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 10;
   -webkit-box-orient: vertical;
 }

 .cebian .side_product_item figcaption .h3 a:hover,
 .cebian .side_product_item .item-img:hover+figcaption .h3 a {
   color: #22408f;
   text-decoration: underline;
 }

 .cebian .side-product-items .swiper-slide {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   flex-direction: column;
 }

 .cebian .side-product-items .side_slider {
   max-height: 450px;
   overflow: hidden;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   position: relative;
 }

 .cebian .side-product-items .side_slider .swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
 }

 .cebian .side-product-items .side_product_item {
   height: 90px;
 }

 .cebian .side-product-items .btn-prev,
 .cebian .side-product-items .btn-next {
   position: absolute;
   left: 0;
   width: 100%;
   height: 32px;
   line-height: 32px;
   opacity: 1;
   filter: alpha(opacity=100);
   font-size: 28px;
   color: #ccd3d9;
   z-index: 1;
   text-align: center;
   cursor: pointer;
 }

 .cebian .side-product-items .swiper-button-disabled {
   color: #eee;
   cursor: default;
 }

 .cebian .side-product-items .btn-prev:before,
 .cebian .side-product-items .btn-next:before {
   font-weight: bold;
   display: inline-block;
   -webkit-transform: scale(4, 1);
   -ms-transform: scale(4, 1);
   -o-transform: scale(4, 1);
   transform: scale(4, 1);
 }

 .cebian .side-product-items .btn-prev {
   top: 0;
 }

 .cebian .side-product-items .btn-prev:before {
   content: "\f106";
   content: "∧";
 }

 .cebian .side-product-items .btn-next {
   bottom: 0;
 }

 .cebian .side-product-items .btn-next:before {
   content: "\f107";
   content: "∨";
 }

 .cebian .side-product-items .btn-prev:not(.swiper-button-disabled):hover,
 .cebian .side-product-items .btn-next:not(.swiper-button-disabled):hover {
   color: #000;
 }

 .cebian .aside .side-bn {
   width: 100%;
   margin: 0 0 40px;
 }

 .cebian .aside .side-bn img {
   width: 100%;
 }

 .cebian .side-cate li .icon-cate.icon-cate-down:before {
   content: "";
   transform: rotate(90deg);
   font-size: 24px;
   background: url(../images/63.png);
   width: 20px;
   height: 18px;
 }

 .cebian .side-cate li .icon-cate.icon-cate-up:before {
   content: "";
   background: url(../images/63.png);
   width: 20px;
   height: 18px;
   transform: rotate(180deg);
   font-size: 24px;
 }

 @media screen and (max-width: 950px) {
   .cebianmain {
     position: relative;
     float: none !important;
     width: 100% !important;
   }

   .cebian {
     float: none !important;
     width: 100% !important;
     display: none;
   }
 }

 /*--------------------news-detail page------------------*/
 .newsxq_fl {
   width: 100%;
   float: none;
 }

 .newsxq_fl .artic_tit .p2 {
   color: #333;
 }

 .newsxq_fl .artic_tit .h3 {
   color: #666666;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .newsxq_fl .artic_tit .h3 .time {
   padding: 10px 17px;
   background-color: #22408f;
   background-color: var(--active-color);
   color: #fff;
   font-weight: bold;
 }

 .newsxq_fl .h4 {
   font-size: 26px;
   font-family: Arial-BoldMT;
   margin: 20px 0;
   /* margin-top: 0; */
 }

 .newsxq_fl .news_next.clearfix {
   display: flex;
 }

 /* 
.newsxq_fl .news_next .tit {
  font-size: 17px;
  font-weight: bold;
  width: auto;
  float: none;
  margin-right: 20px;
}

.newsxq_fl .news_next .con {
  width: auto;
  float: none;
  padding-right: 0;
  position: relative;
  box-sizing: border-box;
}

.newsxq_fl .news_next .con .h3 {
  font-size: 16px;
  font-weight: bold;
} */

 /*.newsxq_fl .news_next:hover .tit {*/
 /*  color: var(--active-color);*/
 /*}*/
 /*.newsxq_fl .news_next:hover a {*/
 /*  color: var(--active-color);*/
 /*}*/
 .newsxq_fl .news_next a:hover {
   color: var(--active-color);
 }



 .newsxq_fl .news_artic {
   padding: 0;
 }

 .newsxq_fl .news_artic img {
   margin: 30px 0 30px 0;
 }

 .newsxq_fl .video_box {
   margin: 30px 0 30px 0;
 }

 .newsxq_fl .artic_content {
   font-size: 18px;
   color: var(--dark-color);
 }

 @media screen and (max-width: 950px) {
   .newsxq_fl .news_next.clearfix {
     /*flex-direction: column;*/
   }
 }

 @media screen and (max-width: 768px) {
   .newsxq_fl .artic_tit .h3 {
     align-items: flex-start;
     flex-direction: column;
   }

   .newsxq_fl .artic_tit .h3 .time {
     margin-bottom: 10px;
   }

   .newsxq_fl .h4 {
     font-size: 24px;
   }

   .newsxq_fl .news_next .tit {
     margin-right: 0;
   }
 }

 /*--------------------video-list page------------------*/
 .videoBox {
   margin-bottom: 60px;
 }

 .videoBox .videolist {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }

 .videoBox .videolist .item {
   width: 49%;
   text-align: left;
   margin-bottom: 30px;
 }

 .videoBox .videolist .item .pictures {
   width: 100%;
   position: relative;
   height: 0;
   padding-top: 73%;
   overflow: hidden;
 }

 .videoBox .videolist .item .video-desc {
   margin-top: 20px;
   color: #666;
   font-size: 24px;
   padding: 0 10px;
 }

 .videoBox .videolist .item:hover .video-desc {
   color: #22408F;
 }

 .videoBox .videolist .item .pictures .play {
   width: 115px;
   height: 115px;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }

 @media only screen and (max-width: 1200px) {
   .videoBox .videolist .item .pictures .play {
     width: 80px;
     height: 80px;
   }
 }

 @media only screen and (max-width: 950px) {
   .videoBox .videolist .item .pictures .play {
     width: 63px;
     height: 63px;
   }

   .videoBox .videolist .item {
     width: 100%;
   }

   .videoBox .videolist .item .pictures {
     height: auto;
     padding: 0;
   }
 }

 /*-------------------products page------------------*/
 .pro_main {
   padding-top: 0 !important;
 }

 .web_main .layout .cebianmain>p,
 .pro1-top .pro1-desc .catdesc>p {
   color: #666;
   font-size: 20px;
   line-height: 33px;
   margin: 30px 0;
 }

 .chanpinli_li {
   color: #999;
   font-size: 20px;
   margin: 0px auto 60px;
 }

 .chanpinli_li a {
   color: var(--textActive-color);
 }

 .chanpinli_li a:hover {
   text-decoration: underline;
 }

 .pro_main .media .flex-box.space {
   display: flex;
   margin-top: 50px;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 46px;
   align-items: normal;
 }

 @media (max-width:950px) {
   .pro_main .media .flex-box.space {
     margin-top: 0;
     margin-bottom: 0;
   }
 }

 .pro_main .media .flex-box.space .option {
   margin-bottom: 0;
 }

 .pro_main .media .media-left {
   width: 40%;
   background: #f7f7f7;
   padding: 50px;
 }

 .pro_main .media .media-right {
   width: 60%;
   padding-left: 0px;
 }

 .pro_main .media .flex-box:nth-child(2n) .media-right {
   padding-right: 0px;
 }

 .pro_main .media .p-title {
   width: auto;
   font-family: Arial-BoldMT;
   font-weight: normal;
   font-size: 33px;
   color: #333333;
   line-height: 56px;
   text-align: left;
   font-style: normal;
   text-transform: none;
   margin: 0;
 }

 .pro_main .media .content {
   /*width: 470px;*/
   margin-bottom: 30px;
   font-family: ArialMT;
   font-size: 16px;
   color: #999999;
   line-height: 28px;
   text-align: left;
   font-style: normal;
   text-transform: none;
   min-height: 84px;
 }

 .pro_main .media .mores {
   width: 163px;
   height: 51px;
   background: var(--textActive-color);
   color: #fff;
   line-height: 51px;
   font-size: 16px;
   text-align: center;
   text-transform: uppercase;
   margin-bottom: 40px;
 }

 .pro_main .media .mores a {
   color: #fff;
   line-height: 51px;
   font-size: 16px;
   text-align: center;
   text-transform: uppercase;
 }

 .pro_main .media .mores a:hover {
   text-decoration: underline;
 }

 .pro_main .media .picture {
   width: 64%;
   float: right;
 }

 .pro_main .media .picture.special {
   width: 41%;
 }

 .pro_main .media .imgBox {
   position: relative;
   height: 0;
   padding-top: 102%;
   width: 100%;
 }

 .pro_main .media .productBox .option:nth-child(n + 4) {
   margin-bottom: 0;
 }

 .pro_main .media.contact .media-left {
   padding: 0;
 }

 .pro_main .media.contact .media-right {
   padding-left: 70px;
 }

 .pro_main .media .media-left.flex {
   width: 49.5%;
   display: flex;
   justify-content: space-between;
   background: #f7f7f7;
   padding: 50px 45px 0px 50px;
 }



 .pro_main .media .media-left.flex .lr {
   width: 54%;
 }

 .pro_main .media .media-left.flex .rr {
   margin-top: 50px;
   width: 60%;
 }

 .pro_main .media .media-left.flex .rr .pics {
   width: 100%;
   position: relative;
   height: 0;
   padding-top: 53%;
 }

 .pro_main .media .media-left.flex.special {
   width: 40%;
 }

 .pro_main .media .media-left.flex.special .rr {
   width: 60%;
 }

 .pro_main .media .media-left.flex.special .rr .pics {
   padding-top: 90%;
 }

 .pro_main .media .media-right.flex {
   width: 49.5%;
   display: flex;
   justify-content: space-between;
   padding: 50px 45px 30px 50px;
   background: #22408f;
 }

 .pro_main .media .media-right.flex .p-title,
 .pro_main .media .media-right.flex .content {
   color: #fff;
 }

 .pro_main .media .media-right.flex .mores {
   background-color: #fff;
 }

 .pro_main .media .media-right.flex .mores a {
   color: #333;
 }

 .pro_main .media .media-right.flex .lr {
   width: 54%;
 }

 .pro_main .media .media-right.flex .rr {
   width: 42%;
 }

 .pro_main .media .media-right.flex .rr .pics {
   width: 100%;
   position: relative;
   height: 0;
   padding-top: 93%;
 }

 .pro_main .productBox.five .option {
   width: 18%;
   margin: 0 1%;
 }

 @media screen and (max-width: 1370px) {
   .ab_innbox_R2 {
     flex-direction: column;
   }

   .ab_innbox_R2 li {
     margin: 5px 0;
   }
 }

 @media screen and (max-width: 1300px) {
   .pro_main .media .media-left.flex {
     flex-direction: column-reverse;
     justify-content: flex-end;
   }

   .pro_main .media .media-right.flex {
     flex-direction: column-reverse;
   }

   .pro_main .media .media-left.flex .lr {
     width: 100%;
   }

   .pro_main .media .media-left.flex .rr {
     width: 50%;
     margin: 0 auto;
   }

   .pro_main .media .media-right.flex .lr {
     width: 100%;
   }

   .pro_main .media .media-right.flex .rr {
     width: 50%;
     margin: 0 auto;
   }

   .pro_main .media .media-left.flex .rr .pics {
     padding-top: 93%;
   }

   .pro_main .media .media-left.flex.special {
     width: 30%;
   }

   .pro_main .media .media-right {
     width: 70%;
   }
 }

 @media screen and (max-width: 1100px) {
   /* .pro_main .productBox.five .option {
     width: 23%;
     margin: 0 1%;
   } */

   .pro_main .media.special .p-title {
     min-height: 4.5em;
   }
 }

 @media screen and (max-width: 950px) {
   .pro_main .media .p-title {
     font-size: 24px;
     min-height: min-content;
   }

   .media-right .productBox .prolist {
     flex-wrap: wrap;
   }

   .pro_main .productBox.five .option {
     width: 30%;
     margin-right: 0 1.66%;
   }

   .pro_main .media .media-left {
     width: 100%;
     padding: 50px;
   }

   .pro_main .media .media-left .imgBox {
     height: auto;
     padding: 0;
   }

   .pro_main .media .media-left.flex.special {
     width: 100%;
     flex-direction: column-reverse;
     padding: 30px;
   }

   .pro_main .media .media-left.flex.special .lr {
     width: 100%;
     margin-top: 30px;
   }

   .pro_main .media .media-left.flex.special .rr {
     width: 100%;
     margin-top: 0;
   }

   .pro_main .media .media-left.flex.special .rr .pics {
     height: auto;
     padding: 0;
   }

   .pro_main .media .media-left.flex.special .rr .pics img.img {
     position: static;
   }

   .pro_main .media .media-right {
     width: 100%;
   }

   .pro_main .media .picture {
     width: 100%;
   }

   .pro_main .media .media-left.flex {
     width: 100%;
     flex-direction: column-reverse;
     padding: 30px;
   }

   .pro_main .media .media-left.flex .lr {
     width: 100%;
     margin-top: 30px;
   }

   .pro_main .media .media-left.flex .rr {
     width: 100%;
     margin-top: 0;
   }

   .pro_main .media .media-left.flex .rr .pics {
     height: auto;
     padding: 0;
   }

   .pro_main .media .media-left.flex .rr .pics img.img {
     position: static;
   }

   .pro_main .media .media-right.flex {
     width: 100%;
     flex-direction: column-reverse;
     padding: 30px;
   }

   .pro_main .media .media-right.flex .lr {
     width: 100%;
     margin-top: 30px;
   }

   .pro_main .media .media-right.flex .rr {
     width: 100%;
     margin-top: 0;
   }

   .pro_main .media .media-right.flex .rr .pics {
     height: auto;
     padding: 0;
   }

   .pro_main .media .media-right.flex .rr .pics img.img {
     position: static;
   }
 }

 @media screen and (max-width: 768px) {
   .pro_main .productBox.five .option {
     width: 48%;
     margin: 0 1%;
   }
 }

 @media screen and (max-width: 414px) {
   .pro_main .productBox.five .option {
     width: 100%;
   }
 }


 /*-------------------product-detail page------------------*/
 .product_main {
   /* product detail*/

 }

 .product_main .product-intro {
   overflow: hidden;
 }

 .product_main .product-view {
   float: left;
   width: 50%;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-direction: row-reverse;
 }

 .product_main .product-summary {
   width: 50%;
   padding-left: 4.7%;
   float: left;
 }

 .product_main .product-view .product-image {
   width: 77%;
   float: left;
   border: 1px solid #f4f4f4;
   background: #f8f8f8;

 }

 .product_main .product-view .image-additional-wrap {
   width: 16.8%;
   float: right;
   padding: 50px 0;
   position: relative;
 }

 .product_main .image-additional-wrap .image-additional {
   height: 460px;
   overflow: hidden;
 }



 .product_main .image-additional .swiper-pagination {
   display: none;
 }

 .product_main .image-additional-wrap .swiper-button-next,
 .product_main .image-additional-wrap .swiper-button-prev {
   opacity: 1;
   width: 27px;
   height: 15px;
   z-index: 1;
 }

 .product_main .image-additional-wrap .swiper-button-prev {
   position: absolute;
   top: 0;
   margin-top: 0;
   left: 50%;
   transform: translateX(-50%);
   right: auto;
 }

 .product_main .image-additional-wrap .swiper-button-next {
   position: absolute;
   top: auto;
   margin-top: 0;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0;
   right: auto;
 }

 .product_main .image-additional-wrap .swiper-button-prev::after {
   content: "";
   display: inline-block;
   width: 27px;
   height: 15px;
   background-image: url(../images/arrow-top.png);
   background-repeat: no-repeat;
 }

 .product_main .image-additional-wrap .swiper-button-next::after {
   content: "";
   display: inline-block;
   width: 27px;
   height: 20px;
   background-image: url(../images/arrow-bottom.png);
   background-repeat: no-repeat;
 }

 .product_main .image-additional-wrap .swiper-slide {
   border: 1px solid #f4f4f4;
 }

 .product_main .image-additional-wrap .swiper-slide.current {
   border: solid 1px #000;
 }

 .product_main .image-additional-wrap .swiper-slide img {
   width: 100%;
   height: auto;
 }

 .product_main .product-summary .page_title {
   font-size: 26px;
   color: #000;
   margin-bottom: 35px;
 }

 .product_main .product-summary .product-meta {
   font-size: 18px;
   color: #666666;
 }

 .product_main .product-btn-wrap .email,
 .product_main .product-btn-wrap .pdf {
   border: solid 2px #f4f4f4;
   display: inline-block;
   width: 235px;
   line-height: 60px;
   text-align: center;
   font-size: 18px;
   cursor: pointer;
 }

 .product_main .product-btn-wrap .pdf::before {
   content: "";
   display: inline-block;
   width: 22px;
   height: 17px;
   background-image: url(../images/down.png);
   margin-right: 9px;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .product_main .product-btn-wrap .email {
   margin-right: 15px;
   /*background-color: var(--active-color);*/
   /*color: #fff;*/
 }

 .product_main .product-btn-wrap .pdf {
   color: #000;
 }

 .product_main .product-btn-wrap {
   margin-top: 60px;
 }

 .product_main .share_btn {
   display: flex;
   align-items: center;
   margin-top: 40px;
 }

 .product_main .share_btn>span {
   font-size: 18px;
   color: #000;
   margin-right: 10px;
 }

 .product_main .product-btn-wrap .email:hover {
   background-color: var(--active-color);
   color: #fff;
 }

 .product_main .product-btn-wrap .pdf:hover {
   background-color: var(--active-color);
   color: #fff;
 }

 .product_main .product-detail .tab-panel-wrap {
   width: 100%;
 }

 .product_main .product-detail .tab-slide {
   width: auto;
 }

 .product_main .detail-tabs .title {
   font-family: Arial-BoldMT;
   position: relative;
   display: inline-block;
   vertical-align: top;
   padding: 1px 20px;
   cursor: pointer;
   margin: 0 5px 0 0;
   background-color: #fff;
   border: 1px solid #7c7c7c;
   font-weight: bold;
   font-size: 22px;
   color: #333333;
   line-height: 43px;
 }

 .product_main .detail-tabs .title:hover {
   /*background: #22408f;*/
   /*border-color: #22408f;*/
   background: var(--active-color);
   border-color: var(--active-color);
   color: #fff;
 }

 .product_main .detail-tabs .title.current {
   /*background: #22408f;*/
   /*border-color: #22408f;*/
   background: var(--active-color);
   border-color: var(--active-color);
   color: #fff;
 }

 .product_main .product-detail .share-this {
   position: absolute;
   right: 0;
   top: 2px;
 }

 .product_main .product-detail .tab-panel-content {
   padding: 10px 0;
   display: block;
   overflow: hidden;
 }

 .product_main .product-detail .disabled {
   display: none;
 }

 .product_main .product-detail {
   position: relative;
   overflow: visible;
   margin: 5% 0 0;
 }

 .product_main .detail-tabs {
   position: relative;
   padding-right: 0;
   display: block;
   text-align: center;
 }

 .product_main .product-detail .share-this {
   position: absolute;
   right: 0;
   top: 2px;
 }

 .product_main .product-detail .tab-panel-content {
   padding: 10px 0;
   display: block;
   overflow: hidden;
 }

 .product_main .product-detail .disabled {
   display: none;
 }

 .product_main .tab-panel-wrap {
   padding: 40px 0;
   background-color: #fff;
   margin-bottom: 60px;
 }

 .product_main .fl-rich-text {
   font-size: 16px;
   color: #999999;
   line-height: 2;
 }

 .product_main .fl-rich-text .flex-detail-content {
   display: flex;
   justify-content: space-between;
 }

 .product_main .fl-rich-text .flex-detail-content .lr {
   width: 48%;
 }

 .product_main .fl-rich-text .flex-detail-content .lr .d-title,
 .d-title {
   font-size: 30px;
   color: #333;
 }

 .product_main .fl-rich-text .flex-detail-content .rr {
   width: 48%;
 }

 .product_main .table_wrap {
   position: relative;
   display: block;
   margin-top: 20px;
 }

 .product_main .table_wrap table {
   position: relative;
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   margin-bottom: 0 !important;
 }

 .product_main .table_wrap table th,
 .product_main .table_wrap table td {
   height: 30px;
   border: 1px solid #ccc;
   text-align: left;
   line-height: 1.5;
   font-size: 16px;
   color: #666;
   background: #fbfbfb;
   padding: 0 15px;
 }

 .product_main .table_wrap table th {
   font-size: 16px;
   background: #eee;
   font-weight: normal;
 }

 .product_main .table_wrap table td p,
 .product_main .table_wrap table th p,
 .product_main .table_wrap table td p,
 .product_main .table_wrap table th p {
   margin: 0;
   padding: 5px;
   color: #666;
   font-size: 16px;
   line-height: 1.3;
 }

 .product_main .table_wrap table td.amts {
   color: #cb2027;
 }

 .product_main .table_wrap table th#cartDelete {
   text-align: center;
 }

 .news_next {
   display: flex;
 }

 .news_next .con {
   width: auto;
   padding-right: 0;
 }

 .news_next .tit {
   font-family: ArialMT;
   font-size: 20px;
   color: #666666;
   /* font-weight: bold; */
   width: auto;
   float: none;
   margin-right: 20px;
   font-weight: 400;
   text-transform: uppercase;
 }

 .news_next .con .h3 {
   font-size: 16px;
   font-family: ArialMT;
   color: #666666;
   /* font-weight: bold; */
 }

 .news_next:hover .tit {
   color: #22408f;
 }

 .news_next:hover .con {
   color: #22408f;
 }

 .news_next .con a.h3:hover {
   color: #22408f;
 }

 @media screen and (max-width: 950px) {
   :root {
     --web_margin: 30px;
   }

   .product_main .product-view {
     width: 100%;
     float: none;
   }

   .product_main .product-summary {
     width: 100%;
     padding-left: 0;
     float: none;
     margin-top: 30px;
   }

   .product_main .product-view .product-image {
     display: none;
   }

   .product_main .product-view .image-additional-wrap {
     width: 100%;
     float: none;
     padding: 0;
   }

   .product_main .image-additional-wrap .image-additional {
     height: auto;
   }

   .product_main .image-additional-wrap .swiper-button-next {
     top: 50%;
     left: auto;
     right: 10px;
     transform: translateX(0) translateY(0px) rotate(-90deg);
     bottom: auto;
   }

   .product_main .image-additional-wrap .swiper-button-prev {
     top: 50%;
     left: 10px;
     right: auto;
     transform: translateX(0) translateY(0px) rotate(269deg);
     bottom: auto;
   }

   .product_main .product-summary .page_title {
     font-size: 24px;
     margin-bottom: 16px;
   }

   .product_main .product-btn-wrap {
     margin-bottom: 30px;
   }

   .product_main .product-btn-wrap .email,
   .product_main .product-btn-wrap .pdf {
     line-height: 40px;
     font-size: 16px;
     width: auto;
     padding: 0 26px;
   }

   .product_main .share_btn {
     margin-top: 26px;
   }

   .product_main .tab-content-wrap {
     margin-top: 50px;
   }

   .product_main .tab-title-bar .tab-title {
     margin: 16px 0;
     font-size: 16px;
     padding: 0 5px;
   }

   .product_main .product-detail .tab-panel-wrap {
     padding: 30px 0;
     margin-bottom: 0;
   }

   .product_main .fl-rich-text .flex-detail-content {
     display: flex;
     justify-content: space-between;
     flex-direction: column-reverse;
   }

   .product_main .fl-rich-text .flex-detail-content .lr {
     width: 100%;
   }

   .product_main .fl-rich-text .flex-detail-content .rr {
     width: 100%;
     margin-bottom: 30px;
   }

   .product_main .news_next {
     flex-direction: column;
   }
 }

 @media screen and (max-width: 500px) {
   .product_main .tab-content-wrap {
     margin-top: 10px;
   }
 }


 .privacy-main {
   padding-top: 60px !important;
 }

 .sitemap-content {
   padding-top: 0px !important;
   /* padding-top: 120px !important; */
 }

 .sitemap-logo-boxs>.sep-container>h2>a:hover {
   color: white;
   text-decoration: underline;
 }

 #cont>ul>li>a {
   text-transform: capitalize;
 }

 #cont h2 {
   background: var(--active-color) !important;
 }

 #cont>ul>li>ul>li>a {
   color: var(--active-color) !important;
 }

 #cont>ul>li>ul>li>ul>li>a {
   color: var(--active-color) !important;
 }

 #cont>ul>li>ul>li>ul>li>a:before {
   border-top-color: var(--active-color) !important;
   border-right-color: var(--active-color) !important;
 }

 #cont>ul>li>ul>li>ul>li>a:hover {
   text-decoration: underline;
 }

 #footer {
   background: var(--active-color) !important;
 }

 #cont>ul>li>ul>li.has-childs>ul>li>ul>li>a {
   color: var(--active-color) !important;
 }

 #cont>ul>li>ul>li.has-childs>ul>li.has-childs>ul>li>a:before {
   border-top-color: var(--active-color) !important;
   border-right-color: var(--active-color) !important;
 }

 #cont>ul>li>ul>li.has-childs>ul>li.has-childs>a:after {
   background: var(--active-color) !important;
 }

 #cont>ul>li>ul>li.has-childs>ul>li>ul>li>a:hover {
   text-decoration: underline;
 }

 .cebiansou {
   margin-bottom: 30px;
 }

 .news_sw .item_img {
   overflow: hidden;
   visibility: hidden;
 }

 .news_sw .item_img img {
   display: block;
   width: 100%;
   height: auto;
   position: absolute;
   object-fit: cover;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 .news_sw .item:hover .item_img {
   visibility: visible;
 }

 .news_sw .item_img {
   overflow: hidden;
   visibility: hidden;
 }

 .GeneralContent {
   margin-top: 30px;
 }

 .GeneralContent,
 .GeneralContent * {
   font-family: Roboto-Regular;
   font-weight: 400;
   font-size: 16px;
   color: #333333;
   line-height: 35px;
 }

 .tuivideobox {
   margin-top: 4%;
 }

 .index_video .title:hover {
   color: var(--active-color) !important;
 }

 .index_video ul {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
 }

 .index_video ul li {
   width: 48.5%;
   cursor: pointer;
   margin: 13px 1% 13px 0;

 }

 .index_video ul li .img {
   position: relative;
   width: 100%;
   height: 0;
   padding-top: 60.4%;
   overflow: hidden;
   background-color: #000;
   /*border: solid 4px #fff;*/
   transition: all ease-in-out .3s;
 }

 /* .index_video ul li .img::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    transition: all ease-in-out .3s;
} */
 .index_video ul li .img img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
   transition: all .3s;
 }

 .index_video ul li:hover img {
   transform: scale(1.05);
 }

 .index_video ul li .img::after {
   content: '';
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   background-image: url(../images/play.png);
   background-position: center;
   background-size: 80%;
   width: 82px;
   height: 96px;
   background-repeat: no-repeat;
   z-index: 20;
 }

 .index_video ul li .title {
   margin-top: 15px;
   text-transform: capitalize;
   transition: all ease-in-out .3s;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 24px;
   color: #666666;
   line-height: 36px;
   text-align: left;
 }

 .index_video ul li .title:hover {
   color: var(--active-color) !important;
 }

 .tuivideobig ul li {
   width: calc((100% - 35px) / 4);
   margin-right: 15px;
 }

 .tuivideobig ul>li:last-child {
   margin-right: 0;
 }

 .cebianmain .news_swiper .item a {
   position: relative;    
 }

 .cebianmain .news_swiper .item .item_img {
   /* display: none; */
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 .cebianmain .news_swiper .item .item_img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 /* .cebianmain .news_swiper .item .info{
  background: rgba(34, 64, 143, .69);
} */

 /* .cebianmain .news_swiper .item:hover .item_img {
   display: block;
 } */

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

   .pro_main .media .p-title {
     font-size: 20px;
     line-height: 1.5;
   }

   .pro_main .media .media-left.flex {
     padding: 15px;
   }

   .productBox li {
     padding: 10px;
   }

   .product_main .product-btn-wrap .email,
   .product_main .product-btn-wrap .pdf {
     width: 160px;
   }

   .singupbig_L p {
     font-size: 26px !important;
   }

   .lianxixun .xun_boxrtit1 {
     font-size: 26px;
   }

   .index_video ul li .title {
     font-size: 18px;
   }
 }

 @media screen and (max-width: 950px) {
  .foot-wrapper {
     padding-bottom: 60px;
   }
   .index_video ul {
     flex-wrap: wrap;
   }

   .tuivideobig ul li {
     width: 100%;
     margin-right: 0;
     margin-bottom: 20px;
   }

   .product_main .product-btn-wrap .pdf {
     display: none;
   }

   .index_hd .hd_title,
   .index_hd .hd_title a {
     font-size: 26px;
   }


   .cebianmain .news_swiper .item .item_img {
     display: block;
   }

   .product_main .product-btn-wrap .email {
     width: auto;
   }

   table {
     display: block !important;
     overflow-x: auto !important;
     white-space: nowrap !important;
   }

   .cebianmain .page_faq.page_download .faq-item {
     padding: 20px;
   }

   .news_next.clearfix .tit {
     width: auto !important;
   }

   .index_photos_swi_box .swiper-slide{
    padding-bottom: 50%;
   }
 }

 .fl-rich-text p img {
   display: block;
   margin: 0 auto;
 }