/* CSS Document */

.list_wrapper{}
.list_category_description{margin-top: 0px}
.list_box{ width:90%; margin:60px auto;}
.list_box .themes_prod{margin-bottom: 0px;text-align: center; width:25%; float:left;}
.list_box .themes_prod .pic_box{margin-bottom: 25px;overflow: hidden; width:100%;}
.list_box .themes_prod .name{margin-bottom: 20px;line-height: 1.8;color:#222222;font-size: 14px;padding:0 30px}
.list_box .themes_prod .name a{text-decoration: none;color:var(--ThemesProductsTitleColor);word-break: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}
.list_box .themes_prod .item_price{margin-bottom: 16px;font-size: 16px}
.list_wrapper .top_title{position: relative}
.list_wrapper .top_title i{display: none}
#turn_page{margin-bottom: 100px}
.inquiry_button_box{display: flex;justify-content: center;flex-wrap: wrap}
.inquiry_button_box .global_inquiry_bat_cart{width: 100%}

    
.ly_news_3 .txt_box{text-align: center;margin-bottom: 70px}
.ly_news_3 .news_box{display: grid;gap: 30px;margin-top: 30px}
.ly_news_3 .img_box{position: relative;overflow: hidden}
.ly_news_3 .img_box .i_date{position: absolute;left: 20px;bottom: 20px;padding:10px 15px}
.ly_news_3 .item_box{position: relative}
.ly_news_3 .item_box .info_box.algin_left{text-align: left}
.ly_news_3 .item_box .info_box.algin_center{text-align: center}
.ly_news_3 .item_box .info_box.algin_right{text-align: right}
.ly_news_3 .item_box .info_box{width: 100%;box-sizing: border-box}
.ly_news_3 .item_box .info_box .i_title{font-size: 26px;margin-top: 18px;line-height: 1}
.ly_news_3 .item_box .info_box .i_title a{color: #222}
.ly_news_3 .item_box .info_box .i_content{font-size: 14px;color:#555555;line-height: 1.7;margin-top: 24px}
.ly_news_3 .i_botton_box{text-align: center}
.ly_news_3 .i_botton_box .i_botton{display: inline-block;margin:40px auto 0;box-sizing: border-box}
.ly_news_3 a:hover{text-decoration: none}
@media screen and (max-width: 1000px){.ly_news_3 .news_box{gap: 15px}
.ly_news_3 .txt_box{margin-bottom: 30px}
.ly_news_3 .item_box .info_box .i_title{font-size: 20px}
.ly_news_3 .item_box .info_box .i_content{font-size: 12px}
}


.ly_news_3[data-visual-id="6643"] .i_botton{font-family: OpenSans-Bold;color: #d9c36e;background-color: #053661;border: 1px solid #00000000;font-size: 16px;border-radius: 25px !important;text-align: center;padding-left: 40px;padding-right: 40px;padding-top: 12px;padding-bottom: 12px;}
.ly_news_3[data-visual-id="6643"] .i_botton:hover{color: #fff;background-color: #053661;border: 1px solid #00000000;}


.ly_news_3[data-visual-id="6643"] .wide{width:1440px; margin:0 auto; padding:0;}
.ly_news_3[data-visual-id="6643"]{padding-top:80px;padding-bottom:100px;}
.ly_news_3[data-visual-id="6643"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;}
@media screen and (max-width: 1480px) {.ly_news_3[data-visual-id="6643"] .wide{ width: 96%;box-sizing: border-box;}
}
@media screen and (max-width: 1000px) {.ly_news_3[data-visual-id="6643"]{padding-top:40px;padding-bottom:50px;}
.ly_news_3[data-visual-id="6643"] .wide{width:98%; min-width:inherit;}
.ly_news_3[data-visual-id="6643"] .wide .section{padding-left:3%;padding-right:3%;}
}

.ly_news_3[data-visual-id="6643"]{background-color: #f7f7f7;}
.ly_news_3[data-visual-id="6643"] .txt_box .txt_title{color: #000000;font-size: 52px;}
.ly_news_3[data-visual-id="6643"] .news_box{grid-template-columns: repeat(3, calc((100% - 30px) / 3));}
.ly_news_3[data-visual-id="6643"] .news_box .info_box{text-align: left;}
.ly_news_3[data-visual-id="6643"] .img_box .i_date{color: #fff;background-color: #053661;}
.ly_news_3[data-visual-id="6643"] .item_box .info_box .i_title a{ font-size: 22px; color: #000000; }
.ly_news_3[data-visual-id="6643"] .item_box .info_box .i_content{ font-size: 14px; color: #555555; }
@media screen and (max-width: 1000px) {
.ly_news_3[data-visual-id="6643"] .news_box{grid-template-columns: repeat(1, calc((100% - 0px) / 1));}
.ly_news_3[data-visual-id="6643"] .txt_box .txt_title{font-size: 18px;}
.ly_news_3[data-visual-id="6643"] .item_box .info_box .i_title a{ font-size: 20px; }
.ly_news_3[data-visual-id="6643"] .item_box .info_box .i_content{ font-size: 12px; }
}


/* banner */
.banner_index{
  margin-top: 0px !important;width: 100%;
  text-align: center;}
.banner_index img, .banner_index video{width: 100%;
  max-width: 1920px;height: auto;object-fit: cover;
  }
.banner_index .img{position: relative; width:100%;}
.banner_index .img::after{display: block;content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.0);}

.banner_index .swiper-slide-active img {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 1s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 1s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.5); transform: scale(1.5); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.5); transform: scale(1.5); }
    to { opacity: 4; -webkit-transform: scale(1); transform: scale(1); }
}



.banner_index .swiper-pagination {position: absolute;z-index: 999;bottom: 10px;width: 100%;text-align: center;}
.banner_index .playbtn{width: 116px;height: 116px;
  position: absolute;
  left: 50%;
  top: 600px;
  transform: translate(-50%,0);cursor: pointer;
  background: url('../images/playBtn.png') no-repeat center center;}
.banner_index .bannervideo{width: 100%;height: 100%;}
.banner_index .swiper-button-prev{position: absolute;top: 50%;left: 2%;width: 100px;height: 100px;background:url('../images/arrow_left.png');
    transform: translate(0,-50%);cursor: pointer; background-color:rgba(234,234,234,0.6); background-repeat:no-repeat; background-position:center center;; border-radius: 50%; background-size:30%;}
.banner_index .swiper-button-next{position: absolute;top: 50%;right: 2%;width: 100px;height: 100px;background:url('../images/arrow_right.png');
    transform: translate(0,-50%);cursor: pointer;background-color:rgba(234,234,234,0.6); background-repeat:no-repeat; background-position:center center;; border-radius: 50%; background-size:30%;}
.banner_index .swiper-button-prev::after{
  content: '';}
.banner_index .swiper-button-next::after{
  content: '';}

.swiper-pagination .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 8px;background: #fff;margin: 0 5px;opacity: 0.8;/* border: 1px solid #fff; */cursor: pointer;
  }
  .swiper-pagination .swiper-active-switch {background: #0158ff;
  }
  .banner_index .desc{position: absolute;top:160px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 90%;padding: 0 100px;box-sizing: border-box;
  }
  .banner_index .f1{font-size:52px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:600;color: #fff;text-align: left;margin-top:20px;}
  .banner_index .f2{font-size:18px;color: #fff;text-align: left;margin-top:20px;}
  .banner_index .f3{background-color:#064edf;  width:200px; color:#FFF; padding:15px;border-radius: 35px; font-size:18px; margin-top:30PX;}
  
  @media screen and (max-width: 700px){
	  
	  .banner_index .swiper-button-prev{position: absolute;top: 50%;left: 2%;width: 30px;height: 30px;background:url('../images/arrow_left.png');
    transform: translate(0,-50%);cursor: pointer; background-color:rgba(6,78,223,0.6); background-repeat:no-repeat; background-position:center center;; border-radius: 50%; background-size:30%;}
.banner_index .swiper-button-next{position: absolute;top: 50%;right: 2%;width: 30px;height: 30px;background:url('../images/arrow_right.png');
    transform: translate(0,-50%);cursor: pointer;background-color:rgba(6,78,223,0.6); background-repeat:no-repeat; background-position:center center;; border-radius: 50%; background-size:30%;}
	
	
	   .banner_index .desc{position: absolute;top:30px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100%;padding: 0 30px;box-sizing: border-box;
  }
  .banner_index .f1{font-size:12px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:600;color: #fff;text-align: left;margin-top:20px;}
  .banner_index .f2{font-size:13px;color: #fff;text-align: left;margin-top:10px;}
  .banner_index .f3{background-color:#064edf;  width:140px; color:#FFF; padding:6px 12px;border-radius: 15px; font-size:12px; margin-top:10PX;}
	  
  }
  
.topindex-01{padding:100px 0 0px 0; background-color:#e9e9e9; overflow:hidden}



.dy-zytit{ font-family:Rubik; font-weight:700;text-align:center; font-size:35px; }
.dy-zytit-t1{text-align:center; font-size:20px; padding:20px 0; width:80%; max-width:1240px; margin:0 auto;font-weight:300; line-height:30px;color:#121212;}
@media screen and (min-width: 300px) and (max-width: 767px) {
	.topindex-01{padding:20px 0 0px 0; background-color:#e9e9e9; overflow:hidden}
	.dy-zytit{ font-family:Rubik; font-weight:700;text-align:center; font-size:18px; }
	.dy-zytit-t1{text-align:center; font-size:14px; padding:10px 0; width:80%; margin:0 auto;font-weight:300; line-height:20px;color:#121212;}
	}
	

 #yc-ban .p_MatteIcon .iconfont:before{ content:'\e602'; }
 #yc-ban >div{ animation-fill-mode:both; }
 #yc-ban .bannerVideoBox{ position:relative; width:100%; height:auto; overflow:hidden; }
 #yc-ban .wyz-vido-Container3{ height:auto; }
 #yc-ban .yx_Line{ display:block; width:5px; height:3px; background:#fff; margin-bottom:2vw; }
 #yc-ban .list{ overflow:hidden; }
 #yc-ban .swiper-wrapper{ height:100%; }
 #yc-ban .wyz-vido-Container3 .swiper-slide{ background-position:center center; background-size:cover; }
 #yc-ban .e_switchbtn{ position:absolute; top:50%; left:5%; transform:translateY(-50%); f text-align:center; z-index:999; color:#fff; opacity:0; cursor:pointer; }
 #yc-ban .bannerVideoBox:hover .e_switchbtn{ opacity:1; transition:all 0.6s ease; }
 #yc-ban .btn-next{ right:5%; left:auto !important; }
 #yc-ban .link{ display:block; color:#fff; padding:20px; font-size:inherit; font-family:inherit; }
 #yc-ban .yx_XqBannerCon{ position:absolute; width:80%; left:50%; top:55%; max-width:1500px; transform:translate(-50%,-50%); }
 #yc-ban .yx_XqB_Icon{ width:20%; max-width:104px; margin-top:3%; transform:translateY(180px); }
 #yc-ban .yx_XqB_Icon img{ width:100%; height:auto; }
 #yc-ban .yx_XqBannerY{ position:absolute; bottom:-40%; left:5%; transform:rotateZ(-90deg) !important; font-size:14px; color:#fff; display:flex; align-items:Center; }
 #yc-ban .yx_XqBannerY:after{ content:''; display:block; width:100px; height:1px; margin-left:12px; background:#fff; }
 #yc-ban .yx_XqBannerY em{ padding:0 5px; }
 #yc-ban .yx_XqBannerY span{ letter-spacing:2px; }
 #yc-ban .bannerPic{ width:100%; height:auto; max-height:100vh; object-fit:cover; position:relative; top:0px; left:0px; transform:translate(0,0); transition:all 2s ease 0.6s; }
 #yc-ban .swiper-pagination-bullet-active{ border-color:#03468c ; opacity:1 !important; transition:all 0.6s ease; }
 #yc-ban .yx_XqBannerCon *{ opacity:0; }
 #yc-ban .swiper-slide-active .yx_XqBannerCon *{ transition:all 1.6s ease 0.6s; opacity:1 !important; transform:translate(0,0) !important; }
 #yc-ban .swiper-slide-active .yx_XqBannerY{ bottom:20% !important; transition:all 1.6s ease 0.6s; }
 #yc-ban .swiper-pagination{ position:absolute; width:100%; display:flex; justify-content:center; bottom:30px; z-index:4; }
 #yc-ban .swiper-pagination span{ display:block; width:16px; height:16px; position:relative; margin:0 10px; border:1px solid #03468c; border-radius:50%; opacity:0.7;background:#03468c; border-color:#03468c; }
 #yc-ban .swiper-pagination span:before{ content:''; display:block; position:absolute; width:9px; height:9px; background:#03468c; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }
 @media only screen and (max-width:768px){ #yc-ban .yx_XqBannerY{ left:-5%; }
 #yc-ban .swiper-pagination{ bottom:24px; left:0; }
 #yc-ban .swiper-pagination span{ width:6px; height:6px; margin:0 5px; background:#fff; border-color:#fff; }
 #yc-ban .swiper-pagination span:before{ display:none; }
 }
 #yc-ban{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }
 
 
.catalogListTitle {font-size: 24px;line-height: 1;letter-spacing: 0;color: #000;font-weight: bold;text-transform: uppercase;padding-bottom: 12px;margin-bottom: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-column-gap: 20px;   -moz-column-gap: 20px;column-gap: 20px;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;white-space: nowrap;}
.catalogListTitle:after {content: "";display: inline-block;width: 100%;height: 1px;background-color: #000;}
@media (max-width: 1180px) {.catalogListTitle {font-size: 20px;}
}
.catalogList .catalogInnerBox {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -15px;}
.catalogList .catalogItem {width: 25%;padding: 0 15px 30px 0 ; }
@media (max-width: 1400px) {.catalogList .catalogItem {width: 25%;}
}
@media (max-width: 640px) {.catalogList .catalogItem {width: 50%;}
}
.catalogList .Img {position: relative;}
.catalogList .Img a {display: block;overflow: hidden;}
.catalogList .Img img {display: block;width: 100%;width: 100%;display: block;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.catalogList .item {position: relative;border: 1px solid #f0f0f0;}
@media (min-width: 1201px) {.catalogList .item:hover {border-color: transparent;-webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);}.catalogList .item:hover img {opacity: 0.8;-webkit-transform: scale(1.05);transform: scale(1.05);}
}
.catalogList .link {width: 100%;height: 100%;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;z-index: 2;}
.catalogList .Img {overflow: hidden;}
.catalogList .Txt {padding: 15px;background-color: #fff;}
.catalogList .Txt .title {padding: 12px 0;}
.catalogList .Txt .title a {display: block;font-size: 20px;height: 50px;}
.catalogList .Txt .text {margin-top: 0px;color: #777;font-size: 14px;line-height: 1.1;letter-spacing: 0;}
.catalogList .Txt .btnBox {margin-top: 10px;}
.catalogList .Txt .btnBox .btn {max-width: 100%;min-width: auto;}
.catalogList .Txt .btnBox .btn.compare {color: #000;border-color: #f6f6f6;background-color: #f6f6f6;}
.catalogList .Txt .btnBox .btn.compare:after {background-color: #969696;}
.catalogList .Txt .btnBox .btn.compare:hover {color: #fff;}
@media (max-width: 650px) {
	.catalogList .Txt .title a {display: block;font-size: 13px; height: 40px;}
	.catalogList .Txt .text {margin-top: 0px;color: #777;font-size: 11px;line-height: 1.2;letter-spacing: 0;}
	.catalogList .Txt .btnBox .btn {min-width: 200px;}
}
.catalogList .price {margin-top: 10px;}
.catalogList .price strong {display: inline-block;margin: 0 5px;}
.catalogList .price .discount b {font-style: italic;font-size: 18px;color: #000;}





.ly_poster_10 .top_title{text-align: center;margin-bottom: 60px}
.ly_poster_10 .item_container{display: flex;align-items: stretch;justify-content: left;margin-top: 30px;align-content: center;flex-wrap: wrap}
.ly_poster_10 .item_container .item_box{position: relative;overflow: hidden}
.ly_poster_10 .item_container .item_box .content_box{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;z-index: 10}
.ly_poster_10 .item_container .item_box .content_box .box_icon{display: inline-block;margin-top: 22px}
.ly_poster_10 a:hover{text-decoration: none}
.ly_poster_10 .item_box::after{transition: all 0.3s;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;pointer-events:none}

@media screen and (max-width: 1000px){.ly_poster_10 .top_title{margin-bottom: 30px}
}


.ly_poster_10[data-visual-id="6640"] .item_box.Poster-1 .box_icon{font-family: OpenSans-Bold;color: #dbc270;background-color:#053661;border: 1px solid #053661;font-size: 12px;border-radius: 25px !important;text-align: center;padding:10px 20px; font-weight:bold; }
.ly_poster_10[data-visual-id="6640"] .item_box.Poster-1 .box_icon:hover{color: #053661;background-color: rgba(255,255,255,0%);;border: 1px solid #00000000;}





.ly_poster_10[data-visual-id="6640"] .poster_wrapper{width:100%; margin:0;padding:0;}
.ly_poster_10[data-visual-id="6640"]{padding-top:80px;padding-bottom:0px;}
.ly_poster_10[data-visual-id="6640"] .poster_wrapper .section{box-sizing: border-box;padding-left:0%;padding-right:0%;}
@media screen and (max-width: 1000px) {.ly_poster_10[data-visual-id="6640"]{padding-top:40px;padding-bottom:0px;}
.ly_poster_10[data-visual-id="6640"] .poster_wrapper{}
.ly_poster_10[data-visual-id="6640"] .poster_wrapper .section{padding-left:0%;padding-right:0%;}
}



.ly_poster_10[data-visual-id="6640"]{background-color: #FFFFFF;}
.ly_poster_10[data-visual-id="6640"] .top_title .t_title{color: #222222;font-size: 54px;}
.ly_poster_10[data-visual-id="6640"] .item_container .item_box{width: calc(100% / 5);}
.ly_poster_10[data-visual-id="6640"] .item_box.Poster-1::after{background-color: rgba(0,0,0,60%);}
.ly_poster_10[data-visual-id="6640"] .item_box.Poster-1:hover::after{background-color: rgba(0,0,0,0%);}
.ly_poster_10[data-visual-id="6640"] .item_box.Poster-1 .title_box{color: #fff;font-size: 22px;}
.ly_poster_10[data-visual-id="6640"] .item_box.Poster-1:hover::afte .title_box{color: #0E776B;font-size: 18px;}

@media screen and (max-width: 1000px) {
.ly_poster_10[data-visual-id="6640"] .top_title .t_title{font-size: 30px;}
.ly_poster_10[data-visual-id="6640"] .item_box.Poster-1 .title_box{font-size: 16px;}
.ly_poster_10[data-visual-id="6640"] .item_container .item_box{width: calc(100% / 2);}

}

.ly_poster_3 .info_box{display: flex;justify-content: center;align-items: center}
.ly_poster_3 .info_box .i_link{text-decoration: none;white-space: nowrap; }
@media screen and (max-width: 1000px){.ly_poster_3 .info_box{flex-wrap: wrap}
.ly_poster_3 .info_box .i_title{width: 100%;text-align: center}
.ly_poster_3 .info_box .i_link{margin: 0;margin-top: 20px}
}


.ly_poster_3[data-visual-id="6641"] .i_link{font-family: OpenSans-Bold;color: #d9c36e;background-color: #d9c36es;border: 1px solid #d9c36e;font-size: 16px;border-radius: 50px !important;text-align: center;padding-left: 35px;padding-right: 35px;padding-top: 15px;padding-bottom: 15px;}
.ly_poster_3[data-visual-id="6641"] .i_link:hover{color: #000000;background-color: #FFFFFF;border: 1px solid #00000000;}


.ly_poster_3[data-visual-id="6641"] .wide{width:1440px; margin:0 auto; padding:0;}
.ly_poster_3[data-visual-id="6641"]{padding-top:100px;padding-bottom:100px;}
.ly_poster_3[data-visual-id="6641"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;}
@media screen and (max-width: 1480px) {.ly_poster_3[data-visual-id="6641"] .wide{ width: 96%;box-sizing: border-box;}
}
@media screen and (max-width: 1000px) {.ly_poster_3[data-visual-id="6641"]{padding-top:60px;padding-bottom:50px;}
.ly_poster_3[data-visual-id="6641"] .wide{width:98%; min-width:inherit;}
.ly_poster_3[data-visual-id="6641"] .wide .section{padding-left:3%;padding-right:3%;}
}


.ly_poster_3[data-visual-id="6641"]{background-color: #053661;}
.ly_poster_3[data-visual-id="6641"] .info_box .i_title{color: #fff;font-size: 38px;}
@media screen and (max-width: 1000px) {
.ly_poster_3[data-visual-id="6641"] .info_box .i_title{font-size: 24px;}
}


.cptj li{list-style-type: none }
.cptj ul{list-style-type: none }


.cptj{ line-height:35px; margin:0% 2% 2% 2%; font-size:18px; font-family:Arial, Helvetica, sans-serif; }
.cptj table { width:100%;border-collapse:collapse;border-radius:5px;font-weight:normal;border:none;border-collapse:collapse;width:100%;max-width:99%;background-color:white; margin:1% 0;} 
.cptj tr:nth-of-type(odd) {background:#eeefef;}

.cptj th {background:#1e4c99;color:white;font-weight:bold;} 
.cptj td,th {padding:5px 2%;border:1px solid #eee;text-align:left;word-wrap:break-word;} 
.cptj .cline{width:100%; height:1px; background-color:#f7f7f7; margin:5px 0 5px 0; clear:both}
.cptj img{ width: auto; max-width:100%;}

.cptj .tit{color:#004e92; font-weight:bold}

@media(max-width: 767px) {
.cptj{ line-height:22px; margin:0% 3%; font-size:12px;}
.cptj table { table-layout:fixed !important; 
   width:100% !important;
   border-collapse:collapse;
   border:none;
   margin:0 auto;line-height:22px;} 
.cptj tr:nth-of-type(odd) {background:#eeefef;}

.cptj th {background:#1e4c99;color:white;font-weight:bold;} 
.cptj td,th {
  width:1px;
  white-space:nowrap; /* ¡Á?¨º¨º¨®|?¨ª?¨¨*/
  word-break:keep-all; /* ¡À¨¹?a3¡è¦Ì£¤¡ä¨º????¡ê?¡À¡ê3?¨¨?2? */
 
  text-align:center;
  white-space:pre-line;
  word-break:break-all !important;
  word-wrap:break-word !important;
  display:table-cell;
  vertical-align:middle !important;
  white-space: normal !important;
  height:auto;
  vertical-align:text-top;
  padding:2px 2px 0 2px;
  display: table-cell;
}
.cptj .cline{width:100%; height:1px; background-color:#f7f7f7; margin:5px 0 5px 0; clear:both}
.cptj img{ width:100%;}
	
}

li{  list-style-type :none;}

.vieptxt{background-color:#223b71; padding:5px; width:200px; text-align:center; margin:10px 0; color:#FFF}
.viepimg{ width:100%;display: flex;clear:both; }
.viepimg li{width:calc((100% - 40px) / 1); float:left; padding:0px 5px 0px 5px; margin-top:10PX;}
.viepimg p {  padding:25px; line-height:30PX;}
.viepimg span{ color:#ca141d; }
@media (max-width:767px) {
	.viepimg{ width:100%;display:  block; clear:both}
.viepimg li{width:100%; float: none; padding:0px 5px 0px 5px; }	
.viepimg p { font-size:14px; padding:5px;}
}

 
 /*video*/
.video-list{padding:20px 0 0px 0;margin: 0 0 0 0%;width: 100%;}
.video-list *{transition:all 0.3s ease 0s;}
.video-list li{width:33.3%;margin: 0 0 0 1%;float: left;-webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);}
.video-list li .m-4j-p{overflow: hidden;position: relative;}
.video-list li .m-4j-p a{position: absolute;width: 100%;height: 100%;z-index: 100}
.video-list li .m-4j-p img{width: 100%;height: auto;}
.video-list li .m-4j-p:hover img{}
.video-list li .m-4j-p span{width: 83px;height: 56px;position: absolute;left:50%;top:50%;text-transform: uppercase;display: inline-block;z-index: 52;margin: -10px 0 0 -42px;right:50%;top:50%;filter:alpha(opacity:0);opacity:0.0;}
.video-list li .m-4j-p:hover span{filter:alpha(opacity:100);opacity:1;left:50%;top:50%;margin: -28px 0 0 -42px;}
.video-list li .m-4j-t{}
.video-list li .m-4j-t a{font-size: 14px;line-height: 26px;height: 26px;display: inline-block;color: #014ea0 ;margin: 12px 0 0 0;text-transform: capitalize;font-family: "OpenSans-b";overflow: hidden;}
.video-list li .m-4j-t a:hover{text-decoration: underline;color: #014ea0 ;}

@media(max-width:1200px){
}

@media(max-width:992px){.video-list li{width:47%;margin: 0 0 0 3%;float: left;padding:0 0 30px 0}

}

@media(max-width:768px){

}

@media(max-width:480px){.video-list{padding:20px 0 0px 0;margin: 0 0 0 0%;width: 100%;}.video-list li{width:100%;margin: 0 0 0 0%;float: left;padding:0 0 20px 0}

}
.video-list {
	font-size: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.video-list li {
	display: block;
	width: calc(32.333% - 30px);
	padding: 0px 0px;
	margin-bottom: 60px
}

.video-list li .img {
	overflow: hidden;
	position: relative;
	background: #000;
}

.video-list li .img>img {
	width: 100%;
	height: auto;
	opacity: 0.4;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.video-list li .img .top01 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.video-list li .img .top01 img {
	transition: 0.6s
}

.video-list li h5 {
	border-bottom: #e7e7e7 1px solid;
	font-size: 20px;
	color: #000000;
	width: 100%;
	position: relative;
	padding: 25px 0 20px; text-align:center
}

.video-list li h5 span {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 32px;
	line-height: 26px;
}

.video-list li h5:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0px;
	height: 2px;
	background: #014ea0;
	transition: 0.6s;
}
.table_cell {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.video-list li a:hover .img>img {
	transform: scale(1.06);
	opacity: 1
}

.video-list li a:hover h5:after {
	width: 100%;
	height: 3px;
	background: #014ea0;
}

.video-list li a:hover .img .top01 img {
	transform: rotate(180deg)
}
.table_cell img {display: block;margin: 0 auto;
}

 .honor ul li {width: 31%;float: left;margin-right: 15px;position: relative;padding-bottom: 20px;margin-bottom: 10px;
}
 .honor ul li span {height: 50px;width: 100%;text-align: center;bottom: 0;left: 50%;transform: translate(-50%);line-height: 50px;border-bottom: 3px solid #efefef;background-color: #fff;position: absolute;
}
 .honor-img {display: block;width: 100%;overflow: hidden;
}
 .honor ul li img {width: 100%;height: auto;transition: all .3s;
}
 .honor ul li::after {content: '';width: 0;height: 3px;background: #014ea0;position: absolute;bottom: 0px;left: 0;transition: 0.3s;
}

 .honor ul li:hover img {transform: scale(1.1)
}
 .honor ul li:hover::after{width: 100%;
}
 .honor ul li:hover {box-shadow: 0 0 15px rgba(0,0,0,0.3);transition: 0.6s;
}
 .honor ul li:hover span {border-top: 3px solid #efefef;
}


 .honor-2 ul li {width: 31%;float: left;margin-right: 15px;position: relative;padding-bottom: 20px;margin-bottom: 10px;
}
 .honor-2 ul li span {height: 50px;width: 100%;text-align: center;bottom: 0;left: 50%;transform: translate(-50%);line-height: 50px;border-bottom: 3px solid #efefef;background-color: #fff;position: absolute;
}
 .honor-2-img {display: block;width: 100%;overflow: hidden;
}
 .honor-2 ul li img {width: 100%;height: auto;transition: all .3s;
}
 .honor-2 ul li::after {content: '';width: 0;height: 3px;background: #014ea0;position: absolute;bottom: 0px;left: 0;transition: 0.3s;
}

 .honor-2 ul li:hover img {transform: scale(1.1)
}



.timeline {position: relative;max-width: 1200px;margin: 0 auto;margin-top: 10px;/* padding-bottom: 40px; */
}
.timeline::after {content: '';position: absolute;width: 1px;background-color: black;top: 0;bottom: 0;left: 50%;margin-left: -3px;
}
.clear-fix {zoom: 1;
}

.tlcontainer {padding: 10px 40px;position: relative;background-color: inherit;width: 50%;
}
.tlcontainer::after {content: '';position: absolute;width: 20px;height: 20px;right: -8px;background-color: white;border: 4px solid #990100;top: 15px;border-radius: 50%;z-index: 1;
}
.tl-left {left: 0;
}
.tl-left:before {content: " ";height: 0;position: absolute;top: 22px;width: 0;z-index: 1;right: 30px;border: medium solid #E9E9E9;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #E9E9E9;
}
.tl-right {left: 50%;
}
.tl-right::before {content: " ";height: 0;position: absolute;top: 22px;width: 0;z-index: 1;left: 30px;border: medium solid #E9E9E9;border-width: 10px 10px 10px 0;border-color: transparent #E9E9E9 transparent transparent;
}
.tl-right::after {left: -12px;
}
.tl-content {padding: 20px 30px;background-color: #E9E9E9;position: relative;border-radius: 6px;
}
.content-block {vertical-align: middle;padding: 20px 30px;background-color: #bababa;position: relative;border-radius: 6px;box-shadow: 5px 10px #8b8b8b;
}
.tlcontainer  img {box-shadow: #aaa 0px 0px 15px;width: 100%;
}
.content-block h3 {text-align: center;font-size: 20px;color: #261919;margin: 1em 0;
}
.list_case_ul li {float: left;width: 23.4999999999%;margin-right: 2%;margin-bottom: 30px;position: relative;
}

.list_case_ul li:nth-child(4n) { margin-right: 0px; }

.list_case_ul li .main_pic {background:#fff; height: auto; position: relative; overflow: hidden; width: 100%;margin-bottom: 2px }

.list_case_ul li .main_pic:after{ content: ''; display: block; width: 100%; height: 100%; background: #014ea0 url(../images/a22.png) no-repeat center; position: absolute; z-index: 3; opacity: 0.8; left: 0; top: -100%; transition: 0.3s all ease; }
.list_case_ul li:hover .main_pic:after{ top: 0; }
.list_case_ul li .main_pic img { transition: 0.5s; display: block;width: 100%;height: auto;
}

.list_con {width: 60%;}
.list_con {  padding-left: 25px;  width: 70%;  padding-bottom: 10px;}
.list_con h4 { transition: 0.5s; font-size: 17px; color: #333; /* padding-top: 25px; */  padding-top: 20px; text-align: left; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 20px;font-weight: normal;margin: 0;}
.list_con p { font-size: 14px; color: #999; padding-top: 10px; }
.list_case_cen i { transition: 0.5s; display: block; margin-right: 25px; margin-top: 16px; width: 24px; height: 26px; background: url(../images/jiahao.png) no-repeat center; transform: rotate(0deg) scale(0.8); }
.list_case_ul li:hover i { background: url(../images/jiahao_on.png) no-repeat center; transform: rotate(180deg) scale(0.8); }
.list_case_ul li:hover h4 { color: #014ea0; }
.list_case_cen { background: #C9CACC; border-top: 0px; }
.list_case_cen:after{content: '';display: block;clear: both;}
.list_case_ul li:hover .main_pic img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.list_case_ul li a{display: block;border: 1px solid #f5f5f5;}

@media(max-width:768px){.honor ul li {  width:45%;}

.honor-2 ul li {  width:45%;}
.timeline {  padding-bottom: 20px;}
.timeline::after {  display: none;}
.tlcontainer {  width: 100%;}
.tlcontainer::after {  display: none;}
.tlcontainer::before {  display: none;}
.tl-right {  left: 0;}
.content-block {  margin: 20px 30px;  padding: 15px 0;}
.table-responsive table{  zoom: 0.65;}
.in-occurrence .customer-list .list-item {  width: 33.33%;  margin-bottom: 20px;}
.video-list li {  width:48%;}
.list_case_ul li {  float: left;  width: 49%;  margin-right: 2%;  margin-bottom: 2%;  position: relative;}
  .list_case_ul li:nth-child(4n) {  margin-right: 2%;}
  .list_case_ul li:nth-child(2n) {  margin-right: 0%;}
  .list_con h4 {      font-size: 0.7em;    padding: 0;}
  .list_con {  width: 50%;  padding: 10px;}
.list_case_ul li .main_pic img {  height: auto;}
.list_case_cen i {  padding: 10px;  margin-top: 10px;    width: 17px;    height: 20px;}

}


/*.ny-big-bt*/
.ny-big-bt-03{width: 100%;text-align: left;margin: 0px 0 0 0}
.ny-big-bt-04{width: 100%;text-align: left;margin: 0px 0 0 0}
.ny-big-bt-03 p{display: inline-block;font-size: 20px;line-height: 30px;text-transform: inherit;color: #222;font-family: "poppins-semibold";}
.ny-big-bt-03 span{font-size: 14px;display: inline-block;width: 100%;margin: 20px 0 0 0}

.ny-big-bt{text-align: left;float: left;width: 100%;background: #fff;padding:0 0;padding:0 0 15px 0;border-bottom: 1px solid #e5e5e5;}
.ny-big-bt p{font-size: 20px;line-height: 20px;text-transform: capitalize;color: #222;color: #444;padding:0 0px;display: inline-block; text-transform: uppercase;}

.ny-big-bt-zong{text-align: left;width: 100%;padding:0 0 20px 0;display: none;}
.ny-big-bt-zong p{font-size: 26px;line-height: 26px;text-transform: uppercase;color: #222;display: inline-block;  }


@media(max-width:992px){.ny-big-bt-03 p{font-size: 20px;}.ny-big-bt-03{margin: 10px 0 0 0}.page-banner{padding: 0}.ny-big-bt p{}.ny-big-bt{padding: 0px 0 15px 0}
}

.copy-link{display:flex; margin-bottom:10px;}
.copy-link a,.copy-link span{margin:0 10px 0 0;cursor:pointer;opacity:1}