/*body{ font-family:Cambriai; }*/
/*body{ font-family:Dincoros; }*/
/*body{ font-family:AbhayaLibre; }*/
/*body{ font-family:OpenSans; }*/
/*body{ font-family:Times_New_Roman; }*/
/*body{ font-family:Comic_Sans_Ms; }*/
body{font-family: "Poppins", sans-serif;}
/*body{ font-family:"Calibri", sans-serif;}*/
/*body{ font-family:Arial, sans-serif;}*/
/*body{ font-family: 'Roboto Condensed', sans-serif;}*/
/*body{ font-family: "IBM Plex Sans JP", sans-serif;}*/
html { font-size: 16px; }
body{ color: var(--primary-color);font-size: 16px;}

.top-container,.page-container,.other-container{ margin:auto; padding:0 15px; position: relative;}
.top-container{ width: 100%;}
.page-container{ width: 100%; }
.other-container{ width: 100%; }
.full-container{ width: 100%; }

@media (min-width: 1200px){
    .top-container{ max-width: 1330px; }
    .page-container{ max-width: 1330px; }
	  .other-container{ max-width: 1330px; }
}
@media (min-width: 1400px){
    .top-container{ max-width: 1330px; }
    .page-container{ max-width: 1330px; }
	  .other-container{ max-width: 1400px; }
}
@media (min-width: 1600px){
    .top-container{ max-width: 1330px; }
    .page-container{ max-width: 1330px; }
	  .other-container{ max-width: 1650px; }
}

@keyframes banner_animate {
  0% { transform: scale(1.2); } 
  100% { transform: scale(1); }
}

.elementor-grid{ display: grid; margin: 0; grid-column-gap: 20px; grid-row-gap: 30px;}
.grid-6 {grid-template-columns: repeat(6, 1fr);}
.grid-5 {grid-template-columns: repeat(5, 1fr);}
.grid-4 {grid-template-columns: repeat(4, 1fr);}
.grid-3 {grid-template-columns: repeat(3, 1fr);}
.grid-2 {grid-template-columns: repeat(2, 1fr);}

.hidden{ display: none; }

/*public*/
.social_box{ display: flex; column-gap: 8px; font-size:20px; }
.social_box a{ display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 32px; background-color: var(--bg-color); border-radius: 5px; font-size:20px; color:#fff;}
.social_box a.s_facebook{ background-color: #3b5998; }
.social_box a.s_twitter{ background-color: #000; }
.social_box a.s_linkedin{ background-color: #0077b5; }
.social_box a.s_youtube{ background-color: #cd201f; }
.social_box a.s_instagram{ background-color: #7b3aae; }
.social_box a.s_tiktok{ background-color: #f01d52; }
.social_box a:hover{ opacity: 0.8; }

.input_wrap,.label_wrap{ padding:10px 0; }
.input_wrap input{ width: 100%; height: 50px; padding:0 10px; border-radius: 3px;}
.input_wrap input#code{ max-width: 170px; }
.input_wrap textarea{ width: 100%; min-height: 100px; padding:10px;}
.contact_btn{ width: 100%; border:0; /*text-transform: uppercase;*/ font-size: 18px; padding:10px 0; border-radius: 3px;}
.bx_inquiry_label{ display: none; }

.file_wrap{padding: 10px 0; overflow: hidden; display: flex; align-items: center;}
.attachment_btn{width: 70px; height: 70px; border: 1px dashed #ccc; cursor: pointer; position: relative; text-align: center;line-height: 70px; font-size: 32px; font-weight: normal;}
.attachment_btn i{ font-weight: normal; }
.attachment_btn input{ display: none; }
#attachment_name{margin-left: 10px;}
.footer_form .bx_file_label,.footer_form .file_wrap{ display: none; }


/*index swiper*/
.bannerswiper .swiper-pagination{
  bottom:20px;
}
.bannerswiper .swiper-button-next,.bannerswiper .swiper-button-prev{ opacity: 0; }
.bannerswiper:hover .swiper-button-next,.bannerswiper:hover .swiper-button-prev{ opacity: 0.8; }
.flash_desc{display:none;position:absolute;top:40%;left:250px;background:rgb(255,255,255,0.7);padding:30px 50px 50px 50px;font-size:30px;}
.bannerswiper .swiper-slide img{width:100%;transition:2s linear;/*transform:scale(1.08);*/}
/*.bannerswiper .swiper-slide.swiper-slide-active img{transform:scale(1);}*/


.block_box,.block_box_bg{ padding:80px 0; }
.block_box_bg{ background-color: var(--bg-color1);}
.block_box .model_title,.block_box_bg .model_title{ text-align: center; }
.model_title h2{ font-size:35px; color:var(--primary-color); margin-bottom: 30px;}
.model_title p{ font-size:18px;line-height: 28px; max-width: 1000px; color:var(--second-color);  margin: 0 auto 30px;}

/*index grid category*/
.bx_category_box{ padding-top: 10px; }
.bx_category_grid{ display: flex; column-gap: 25px; justify-content: space-between;}
.bx_category_item{ flex:1;  position: relative; /*padding-bottom: 40px; */margin: 10px 0;padding: 8px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);}
.bx_category_title{ font-size: 20px; padding:10px 0; color:var(--primary-color); display:inline-block;}
.bx_category_desc p{ color: var(--second-color); font-size:16px; line-height: 22px;margin-bottom: 25px; display: none; }
.category_btn{ position: absolute; bottom:10px; width: 100%; text-align: center; left: 0;display: none;}
.bx_category_desc { margin: 15px 10px; text-align: center;}

/*index list category*/
.bx_list_item{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px;}
.bx_category_list_img{ flex:0 0 50%; }
.bx_category_list_img img{ width: 100%; }
.category_num{ font-size: 36px; color: #000; font-weight: bolder; }
.bx_category_list_desc{ flex:0 0 45%; text-align: center;}
.bx_category_list_desc h3{ font-size: 24px; margin-top: 20px; margin-bottom: 10px;}
.bx_category_list_desc p { margin: 20px 0;line-height: 30px;}
.category_list_btn{display: inline-block;transform: skew(-20deg);}
.category_list_btn span{transform: skew(20deg); display: inline-block;}
.category_list_left .bx_category_list_img,.category_list_right .bx_category_list_desc{ order:1; }
.category_list_right .bx_category_list_img,.category_list_left .bx_category_list_desc{ order:2; }


/*index about*/
.index_about_bg{ overflow: hidden; }
.bx_about_box{ display: flex; align-items: center;}
.bx_about_left{ flex: 0 0 50%; border-radius: 5px; overflow: hidden;}
.bx_about_right{ flex: 0 0 50%;padding:0 15px 0 60px;}
.bx_about_right h2{ margin-bottom: 25px; }
.about_content{ line-height: 26px; margin-bottom: 25px;}
.about_content p{ font-size: 14px; color: #666;}

.index_about2_bg{background-color: #0005; background-blend-mode: multiply; background-size: cover; padding:200px 0;}
.index_about2_box{ max-width: 800px; color:#fff;}
.index_about2_box h2{ font-size:50px; margin-bottom: 50px; text-shadow: 1px 8px 1px #000; font-style: italic;}


/*index products*/
.tabs_nav{ display: flex; flex-wrap: wrap;justify-content: center; margin-bottom: 30px;}
.tab-link{font-size: 18px; border-radius: 5px; background: #0b0b0b; color: #fff; padding:10px 20px; margin:0 10px 20px 10px; cursor: pointer;transition: all 0.45s;}
.tab-link:hover{background: var(--btnbg-color);}
.tab-link.active {background: var(--btnbg-color);}

.product_itme{ padding:15px;text-align: center; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); border:1px solid #DEE6E8;}
.product_itme:hover{ box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15); border:1px solid #DEE6E8;}
.productinfo_box .product_desc{ padding-top:15px; }
.product_desc a{ font-weight: normal;text-decoration: none; color: var(--text-color); line-height: 22px;}
.product_desc a:hover{ color:var(--text-hover); }

.second_img{position: relative;}
.second_img .img-2 {position: absolute;z-index: 0;top: 0;opacity: 0;transition: all 0.5s ease-in-out;left: 50%;transform: translateX(-50%);
}
.second_img:hover .img-2 {opacity: 1;transform-style: inherit;}

.productswiper .swiper-pagination {position: relative;margin-top: 15px;}
.productswiper .swiper-pagination-bullet { border: 0; padding: 5px; background-color: #333;}
.productswiper .swiper-button-next, .productswiper .swiper-button-prev{ background-color: #000;}
.productswiper .swiper-button-next{ right: 0; }
.productswiper .swiper-button-prev{ left: 0; }
/*index products end*/

/*index app*/
.bx_app_box{ padding-top: 10px; }
.bx_flex_list{ display: flex; column-gap: 25px; justify-content: space-between;}
.bx_flex_item{ flex:1;  position: relative; margin: 10px 0; text-align: center;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); border: 1px solid #DEE6E8; padding: 15px 15px; border-radius: 2px;}
.bx_flex_title{ font-size: 20px; padding:15px 0; color:var(--primary-color); display:inline-block; margin-top: 20px; font-weight: bold;}
.bx_flex_desc p{ color: var(--second-color); font-size:16px; line-height: 22px; }
.bx_app_box .bx_fleximg img{ max-width:100px;}

.bx_app_box .bx_flex_list{ flex-wrap: wrap; column-gap: 0;}
.bx_app_box .bx_flex_item{ flex:none; width: 32%; border:0; box-shadow:none;}

/*index case*/
.photo_itme{ padding:15px;text-align: center; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); border:1px solid #DEE6E8;}
.photo_itme:hover{ box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); border:1px solid #DEE6E8;}
.photo_itme .photo_desc{ padding-top:15px; }
.photo_desc a{ font-weight: normal;text-decoration: none; color: #000; line-height: 22px;}

/*index faq*/
.tipItem{margin-top:20px}
.tipItem .tipTop{background:#f3f3f3;display:flex;padding:16px 20px 16px 20px;cursor:pointer;color:#000;font-size:18px;border-radius:6px 6px 0 0;align-items:center;}
.tipIcon{display:block;height:24px;margin-left:auto;position:relative;transition:all ease-in-out .2s;width:24px;min-width:24px;box-sizing:content-box;}
.tipIcon:before,.tipIcon:after{content:"";height:4px;position:absolute;transition:all ease-in-out .1333333333s;width:20px;left:2px;top:10px;background:#555;}
.tipIcon:before{transform:rotate(90deg);transform-origin:50%;}
.tipTop:hover{background-color:#eee;}
.tipTop.active{background:var(--bg-color);color:#fff;}
.tipTop.active .tipIcon:before,.tipTop.active .tipIcon:after{background-color:#fff;}
.tipTop.active .tipIcon:before{transform:rotate(0);}
.tipContent{padding:20px;border:1px solid #fff1f1;border-radius:0 0 10px 10px;display:none;}
/*index faq end*/

/*index partners*/
.partnersswiper .swiper-pagination {position: relative;margin-top: 15px;}
.partnersswiper .swiper-pagination-bullet { border: 0; padding: 5px; background-color: #333;}
.partnersswiper .swiper-button-next, .partnersswiper .swiper-button-prev{ background-color: #000;}
.partnersswiper .swiper-button-next{ right: 0; }
.partnersswiper .swiper-button-prev{ left: 0; }

/*index company*/
.bx_company_box .bx_flex_item{ margin: 20px 0;}
.value_num{ font-size:30px; color:#fff; font-weight: bold; margin-bottom: 20px; }
.value_num span{ margin-left: 10px; }
.value_text { font-size: 18px; color:#fff;}

/*index blog grid*/
.bx_blog_box{ padding-top: 15px; }
.bloggrid_box { border-radius: 5px; overflow: hidden;}
.bloggrid_img{ position: relative; }
.bloggrid_time{ color:#666; margin-bottom: 15px;}
.bloggrid_time i{ margin-right: 10px; }
.bloggrid_desc{padding: 25px 15px; background: #f7f7f7;text-align: center;}
.blog_btn{ font-size:18px; border-radius: 5px; margin-top: 10px; display: none;}

/*index blog list*/
.blog_list_itme{ display: flex; justify-content: space-between; padding: 40px; box-shadow: 0px 30px 60px 25px rgb(57 57 57 / 10%);}
.blog_list_itme:nth-child(even) {background: #ffffff;}
.bloglist_img {width: 300px;overflow: hidden;}
.bloglist_desc{width: calc(100% - 340px); font-size: 16px;line-height: 30px;}
.bloglist_desc p,.bloglist_desc span{white-space: normal !important; text-wrap: inherit !important;}
.bloglist_title{ font-weight: bold; font-size: 18px; }
.bloglist_more{ display: flex; justify-content: space-between; margin-top: 25px;}
.bloglist_time i{ margin-right: 5px; }
.list_blog_btn{background-color: var(--second-color); color: #FFFFFF; text-align: center; padding: 3px 20px;}
.list_blog_btn:hover{ background-color: #999999; color: #fff;}

/*index contact us*/
.index_contact_bg{background: linear-gradient(to right, var(--bg-color), #fff);}
.index_contact_bg .contact_form{ padding:50px; box-shadow: 0 0 10px rgb(0,0,0,.1); max-width: 1000px; margin: auto; }

/*index link,index tags*/
.index_link_box,.index_tags_box{ background: var(--bg-color); padding: 10px 0px; text-align: center; color: #fff; font-size: 14px; line-height: 25px; border-top:1px solid #fff;}
.tags_title,.link_title{ text-transform: uppercase; }
.index_link_box a,.index_tags_box a { color: #fff; padding: 0px 0px 0px 20px; font-size: 14px;}
.index_link_box a:hover,.index_tags_box a:hover { text-decoration: underline;}


/*footer livechat*/
/*.bx_livechat{position:fixed;right:10px;bottom:0;z-index:1000000;background:transparent;border:none;outline:none;margin:0px; transition-duration:0.5s; box-sizing:border-box;}
.bx_livechat .chat_title{font-size: 15px;margin: 0; align-items: center; cursor: pointer; font-weight: normal; height: 36px; line-height: 36px; color:#fff;background-color: var(--bg-color);}
.bx_livechat .chat_title .f_message{ margin:0 12px; }
.bx_livechat .chat_title i{ width: 36px; height: 36px; line-height: 36px; font-size:18px; text-align: center;}
.bx_livechat .chat_title .f_email_label{ float: left; background: rgba(0, 0, 0, .12);}
.bx_livechat .chat_title .f_angle_label{ float: right; }
.bx_livechat .footer_form form{padding: 15px 25px; background: #fff;-moz-box-shadow: rgba(0, 0, 0, .15) 0 0 1.5em;-webkit-box-shadow: rgba(0,0,0,.15) 0 0 1.5em; box-shadow: rgba(0,0,0,.15) 0 0 1.5em; min-width: 300px;display: none;}*/

/*.chat_online_box {position: fixed; right: 22px; bottom: 20px; z-index: 44; cursor: pointer; font-size: 14px; transition: .3s; width: 57px;	height: 57px; border-radius: 50%; text-align: center; background: var(--bg-color); color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .13);}
.chat_online_box i{font-size: 22px; margin-top: 18px; }
.chat_online_box:hover {background-color: var(--btnbg-hover);}
.bx_livechat{position: fixed; width: 400px; right: 22px; bottom: 20px; z-index: 99999; background-color: #fff; color: #666; border-radius: 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, .13); overflow: hidden; transition: .3s; opacity: 1; transform: scale(0) translateZ(0); transform-origin: right calc(100% - 12px); }
.bx_livechat .auote_title,.bx_livechat .auote_close{ display: none; }
.chat_open{visibility: visible; transform: none; opacity: 1;}
.bx_livechat .chat_title{display: flex;	justify-content: space-between;	align-items: center; color: #fff; font-size: 20px; font-weight: 700; padding: 4px 20px; border-radius: 16px 16px 0 0; background: var(--bg-color);}
.bx_livechat .chat_title .livechat_close{ padding:10px; cursor: pointer; }
.livechat_info{	padding: 14px 20px;	font-size:14px; box-shadow: 0 2px 8px rgba(0, 0, 0, .13);}
.bx_livechat .footer_form{padding: 20px;}
.bx_livechat .footer_form .contact_btn{font-size:15px;}*/

/*Get A Quote 顶部弹出询盘表单*/
.get_a_auote{ background-color: var(--other-color);padding: 0 20px; color:#fff; height: 60px; line-height: 60px; text-transform: uppercase;font-size: 14px;}
.get_a_auote:hover{ color:#fff;}
.get_a_auote i{ margin-left: 5px; }
.bx_livechat {position: fixed; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 100000; background-color: rgba(0, 0, 0, .8);    display: none;}
.bx_livechat .chat_title{ display: none; }
.bx_livechat .livechat_info{ display: none; }
.bx_livechat .auote_close {width: 40px;height: 40px; border-radius: 50%; display: block; background-color: var(--bg-color); cursor: pointer; position: absolute; right: -15px; top: -15px;}
.bx_livechat .auote_close i {font-size: 20px;color: #FFFFFF;}
.bx_livechat .auote_title{ display: block; font-size:25px; text-align: center; margin-bottom: 20px; }
.bx_livechat .footer_form { width: 92%; margin: 0px auto; max-width: 500px; position: relative; top: 50%; transform: translateY(-50%);  background: #f7f7f7; padding: 30px; border-radius: 10px;}


/*footer1*/
footer { color: #000; padding: 35px 0 0 0; background-color: var(--bg-color1);font-size: 16px; clear: both;}
.bx_footer_box{ display: flex; column-gap: 30px; padding: 30px 0 15px 0;}
.bx_footer_box dl{ width:25%; }
.bx_footer_box dl dt { color: #000; display: block; margin-bottom: 28px;    letter-spacing: 1px; padding: 5px 0; font-size: 16px;font-weight: bold; text-transform: uppercase;}
.bx_footer_box dl dd.foot_left .about_content {line-height: 30px; color: #000; font-size: 16px;}
.bx_footer_box dl dd {font-size: 16px;}
.bx_footer_box dl dd ul li{margin-bottom: 15px; font-size: 16px;}
.bx_footer_box dl dd ul li span{ width: 20px; display: inline-block; margin-right: 5px; }
.bx_footer_box dl dd ul li span i{ width: auto; }
.bx_footer_box dl dd a {color: #232323; font-size: 16px;}
.bx_footer_box dl dd a:hover{ text-decoration:underline; }
.bx_footer_box .online_wechat img{ width: 200px; }
.footer-bar {padding: 15px 15px;text-align: center;color: #fff;background-color: var(--bg-color);border-top: 1px solid #fff;}
.footer-bar .copyright {font-size: 16px;}

/*footer2*/
.simple_footer{color: #fff;padding: 50px 0 0 0;background-color: var(--bg-color);font-size: 16px;text-align: center;}
.simple_footer .foot_icons i{ font-size: 30px; color: #fff; margin:0 5px;}
.simple_footer p{ padding:3px 0; line-height: 24px;}
.simple_footer .foot_icons2{ padding:15px 0; }
.simple_footer .foot_icons2 a{ color:#fff; }
.simple_footer .foot_icons2 a.footer_us_link{text-decoration: underline;}
.simple_footer .foot_icons2 span{ margin:0 10px; }
.simple_footer .foot_icons2 i{ margin-right: 5px; }

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

/*list page*/
.listpage_block{height:400px; display:flex; align-items:center; justify-content:center; position:relative;overflow: hidden;}
.listpage_block_bg{background-color:#000; bottom:0; left:0; opacity:.3; position:absolute; right:0;top:0; z-index:1;}
.listpage_block img{border:none; bottom:0; box-shadow:none; height:100%; left:0; margin:0; max-height:none; max-width:none; object-fit:cover;outline:none; padding:0; position:absolute; right:0; top:0; width:100%; transition:all .5s;}
.listpage_block img{
    animation: banner_animate 3s;
    -moz-animation: banner_animate 3s;
    -webkit-animation: banner_animate 3s;
    -o-animation: banner_animate 3s;
}
.listpage-inner{color:#ffffff; z-index:1; padding:0 15px; text-align:center;}
.listpage-inner h2{font-size:34px; text-transform:capitalize;}
.listpage_box_bg{ padding: 20px 0 60px 0; }

.breadcrumb{ padding:10px 15px; background-color: var(--bg-color1); line-height: 28px;}
.breadcrumb i{ margin-right: 10px; border-radius: 2px; }

.page_contents{ display: flex; flex-wrap: wrap; justify-content: space-between;padding-top: 40px;}
.bx_right_box_full{ width: 100%; }
.bx_left_box{ width: 22%; }
.bx_right_box{ width: 76%; }
.product_introduce{ display: none; }

.video_itme{padding: 15px; text-align: center;}
.video_desc{ margin-top: 15px; }
.video_itme iframe{ width:100% !important; height: 300px !important; }
.video_itme video{ width:100% !important; height: 300px !important; background: #000; }

/*list product*/

/*@media (min-width: 992px){
.bx_products_list .elementor-grid{ display: initial; }
.bx_products_list .product_itme{ padding:30px; text-align: left; border: 0;}
.bx_products_list .productinfo_box{display: flex; justify-content: space-between; align-items: center;}
.bx_products_list .product_img{ width: 300px; overflow: hidden;}
.bx_products_list .product_desc{width: calc(100% - 340px); font-size: 16px; line-height: 30px; padding-top: 0;}
.bx_products_list .product_desc a{ font-weight: bold; font-size: 20px; line-height: 30px;}
.bx_products_list .product_introduce{ margin-top: 20px; display: block;}
.bx_products_list .product_itme:nth-child(even) { background-color: #f9f9f9;}
}*/


.product_price{ font-weight: bold; }

.pages{clear: both; margin: 60px 0px 20px 0px; text-align: center;}
.pages .current { display: inline-block; border: var(--btnbg-color) 1px solid; font-size: 15px; width: 32px; height: 32px; line-height: 32px; color: #fff; margin: 0 4px; background: var(--btnbg-color);}
.pages a {display: inline-block; font-size: 15px; border: #dbdbdb 1px solid; width: 32px; height: 32px; line-height: 32px; margin: 0 4px; color: #222; text-decoration: none;}
.pages a:hover{ background: var(--btnbg-color); color:#fff;border: var(--btnbg-color) 1px solid;}

/*left box*/
.left_box_item{ border: 1px solid #eaeaea; margin-bottom: 40px; border-radius: 10px 10px 0 0; overflow: hidden;}
.bx_left_box .left_h3{border-bottom: 1px solid #eaeaea; font-size: 16px; color: #333; font-weight: 700; text-transform: uppercase; background-color: #f8f8f8; margin: 0; padding: 15px;}
.left_nav_ul{ padding:15px; }
.left_contact{ padding:30px 15px 15px 15px; font-size: 15px; }
.left_contact span{ font-weight: bold; }

.left_nav_ul > li{ position: relative; border-bottom: 1px solid #f4f4f4;}
.left_nav_ul > li > a {text-decoration: none; font-size: 16px; padding: 10px 15px 10px 0; display: block;}
.left_nav_ul > li .menu_head { display: block; position: absolute;top: 8px;line-height: 20px;right: 0;text-align: center;cursor: pointer;}
.now_acvite {/*font-weight: bold;*/ color:#0f3d9a;}
.left_snav_ul{ padding:2px 10px 5px 10px; }
.left_snav_ul_li{ padding: 5px 0px 5px 0;}
.menu_head{ font-family: "Font Awesome 6 Free";}
.menu_head:before{content:"\2b";}
.menu_head.active:before{content:"\f068";font-weight: 900;}
.menu_body{ display: none; }
.menu_body_active{ display: block; }

/*list blog*/
.list_blog li{line-height: 22px; padding: 12px 110px 12px 25px; border-bottom: 1px dashed #e1e1e1; position: relative;}
.list_blog li .news_time{ position: absolute; right: 0;}
.list_blog li i{ position: absolute; left:0;}

/*list tags*/
.tags a { margin: 0px 5px 8px 0px;}

.tags_ul{ padding:0 15px; }
.tags_ul li { line-height: 28px; margin-bottom: 8px; padding-bottom: 10px; border-bottom: 1px dashed #e3e2e2; list-style: disc;}
.tags_ul h3{ font-size: 15px; padding: 0px; margin: 0px; line-height: 20px; font-weight: normal;}
.tags_ul h3 a{ color:#666; }
.tags_ul h3 a:hover{ color:#000; }


/*simple page*/
.simple_page_contents{ line-height: 28px; white-space: normal !important;}
.simple_page_contents li{ margin-left:20px; list-style:disc;}
.simple_page_contents p,.simple_page_contents span{ white-space: normal !important; text-wrap: inherit !important; max-width: 100% !important; height: auto !important;}
.simple_page_contents img{ max-width: 100% !important; height: auto !important; }

.simple_page_contents a,.details_info a{ color:#f00; }
.simple_page_contents a:hover,.details_info a:hover{ text-decoration: underline; }

.infopage_box_bg{ padding: 20px 0 60px 0;}
/*product info*/
.bx_product_info{ }
.proinfo_left{ width: 49%; float: left; }
.productinfoswiper .swiper-button-next,.caseinfoswiper .swiper-button-next{ right: 10px; }
.productinfoswiper .swiper-button-prev,.caseinfoswiper .swiper-button-prev{ left: 10px; }
.productinfoswiper .swiper-pagination, .caseinfoswiper .swiper-pagination{display: flex; align-items: center; justify-content: center; min-width: 55px; position: absolute;    bottom: 20px; left: 50%; transform: translate(-50%, 0); padding: 6px 6px; color: #fff; background: rgba(0, 0, 0, .5); font-size: 14px; border-radius: 25px; width: auto;}
.thumbslider{ margin-top: 15px; }
.thumbslider .swiper-slide{ opacity: 0.4; cursor: pointer; border: 1px solid #222; padding: 5px; border-radius: 3px; text-align: center;}
.thumbslider .swiper-slide-thumb-active{ opacity: 1; }
.thumbslider .swiper-slide img{ max-height: 100%; }

/*thumbs vertical*/
.proinfo_left{ display: flex; }
.proinfo_left .thumbslider{ width: 15%; order: 1; margin:0;}
.proinfo_left .productinfoswiper{ width: 80%; order:2;text-align: center;}
.proinfo_left .productinfoswiper img{cursor: zoom-in;}
/*thumbs vertical end*/

.proinfo_right{ width: 49%; float: right;}
.product_h1{ font-size: 25px; line-height: 35px;}
.product_price{ font-size: 22px; font-weight: bold; margin:15px 0;color: var(--btnbg-color); }
.products_info{margin-top: 30px; }
.products_info .info_introduce{ line-height: 30px;}
.product_btn{ margin-top: 30px; }
.product_btn .btn{ margin-right: 3px; border-radius: 3px;}
.product_btn i{ margin-right: 5px; }
.inquirybtn{ border:0; font-size: 16px; }
.btn-whatsapp{ background-color: #09b926; }
.btn-whatsapp:hover{background-color: #056315;}
.btn-buylink{ background-color: #ff6a00; }
.btn-buylink:hover{background-color: #e15e01;}
.page_share{ margin-top: 30px}
.bx_details{ padding:50px 0 40px 0; display: inline-block; width: 100%; }
.bx_details h3{font-size: 20px; padding: 0 0 10px 5px; display: inline-block; border: 1px solid #e9dcdc; padding: 10px 25px; border-bottom: 0; border-radius: 7px 7px 0 0; background: #f9f9f9;}
.details_info{line-height: 26px; font-size: 16px;}
.details_info img{ height: auto !important; }
.bx_details .details_info{ padding: 25px 24px; border: 1px solid #e9dcdc;}
.details_info p,.details_info span{ white-space: normal !important; text-wrap: inherit !important; max-width: 100% !important; height: auto !important;}
.details_info li{ margin-left:20px; list-style:disc;}
.bx_point{ display: flex;  justify-content: space-between; margin-bottom: 40px;}
.to_prev{ width: 35%; color: var(--btnbg-color);;}
.to_next{ width: 35%; color: var(--btnbg-color);;}
.bx_point a{margin-top: 10px; }
.inquiry_title h4{ margin-bottom:15px; }
#inquiry{ padding: 50px;box-shadow: 0 0 10px rgb(0,0,0,.1); /*max-width: 1000px;*/ margin: auto; margin-top: 30px; background: #f9f9f9;}

button{ border:0; }
#inquiry button{ font-size: 15px; width: 100%; }

.list_related{ margin-top: 60px; }
.list_related .right_head{ font-size:20px; margin-bottom: 20px; background-color: #f9f9f9; height: 45px; line-height: 45px; padding-left: 15px;}
.list_related .swiper-button-next, .list_related .swiper-button-prev{ background: #333; border: 2px solid #333; }
.list_related .swiper-button-next:hover, .list_related .swiper-button-prev:hover{ background: #000; border: 2px solid #000; }
.list_related .swiper-button-prev{ left: 0; }
.list_related .swiper-button-next{ right: 0; }

/*blog info*/
.blog_h1{ font-size:30px; margin-bottom: 30px; }
.related_blog li{ padding:15px 100px 15px 10px; border-bottom: 1px solid #f4f4f4; line-height: 23px; position: relative;}
.related_blog a { width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.related_blog li i{ margin-right: 10px; }
.related_blog .news_time{ position: absolute; right: 15px; }

.download_h1{ font-size:30px; margin-bottom: 30px; text-align: center;}
.download_btns{margin-bottom: 30px; text-align: right;}

/*case info*/
.case_h1{ font-size:30px; margin-bottom: 30px; text-align: center;}
.bx_case_info{ max-width: 600px; margin:auto; margin-bottom: 40px;}
.casethumb .swiper-wrapper{ justify-content: center;}

/*faq page*/
.faq_item {background-color: #f7f7f7;padding: 3%; margin-bottom: 3%; font-size: 16px; color: #999; transition: 0.3s;}
.faq_item:hover {box-shadow: 0 0 25px #b6c5d1;}
.faq_item .flex {display: flex; margin: 20px 0;}
.faq_item span.faqspan {display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 17px; color: #fff; margin-right: 15px; background-color: #FF9C00; flex-shrink: 0;}
.faq_item h3 {font-size: 16px; font-family: SFPro-Bold; font-weight: 800; color: #222222; max-width: 98%; line-height: 27px; margin: 0;}
.faq_item span.ask {background-color: #0068B7;}

/*404 page*/
.oopspage { background-color: #f4f4f4; text-align: center; padding: 80px 0;}
.oopspage h3 { font-size: 40px; margin-bottom:40px;}
.oopspage h3 span { font-size: 50px; color: #f00;}
.oopspage p{ padding:15px 0; }
.oopspage_fa i{ font-size: 200px; color: var(--btnbg-color);}
.ops_gohome a { font-size: 18px; border-radius: 5px; margin-top: 20px;}

/*sitemap page*/
ul.ul_sitemap{ padding:50px; background: #f9f9f9; border-radius: 5px;}
ul.ul_sitemap li {list-style: none; clear: both; border-top:1px dotted #333; padding:12px 0;}
ul.ul_sitemap li a { color: #333;}
ul.ul_sitemap li.small_li_sitemap { clear: both; padding-left: 20px; border:0;}
ul.ul_sitemap li.small_li2_sitemap { padding-left: 40px; border:0;}

/*success page*/
.success_bg{ background-color: #f4f4f4; text-align: center; padding: 80px 0;}
.success_heading h3{ font-size: 40px; margin-bottom: 40px; color:#129b12;}
.success_body p{ font-size:18px; line-height: 28px; margin:10px 0;}
.success_body a.mail{ text-decoration: underline; }
.success_body a.go_back { font-size: 18px; border-radius: 5px; margin-top: 30px;}

/*contact us*/
.bx_contactus_contents{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; box-shadow: 0px 0px 10px 11px #ccc; padding: 50px; border-radius: 3px; margin-top: 35px;}
.bx_contact_left{ width: 48%; line-height: 32px;}
.bx_contact_right{ width: 48%; padding:40px; background: #f4f4f4; border-radius: 3px;}
.bx_contact_right .bx_contact_title{ font-size:25px; margin-bottom: 15px; }
.bx_contact_right .contact_form{}
.bx_radios{ display: flex; }
.control-label{ margin-bottom: 10px; display: inline-block; }
.radio-inline{ margin-right: 10px; }
.bx_radios input{ width: auto; margin-right: 5px; }
.bx_selects select{ width: 100%; height: 40px; padding: 0 10px; border-radius: 3px; border: 1px solid #ccc; font-size: 14px;}
.contact_map{ width: 100%; margin-top: 35px; }
.contact_map iframe{ width: 100% !important; }

/* service*/
.ser_online{position: fixed;top: 25%;z-index: 1200;right: 0;background-color: var(--bg-color);color: #fff;width: 40px;overflow: hidden;border-radius: 5px 0 0 5px;}
.ser_online p{margin: 0;}
.online_wechat span img{ width: 100px; }
.ser_online a{color: #fff;font-size: 18px; height: 40px; line-height: 40px; text-align: center; display:block;z-index: 99; cursor: pointer;box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.15);}
.ser_online a:hover{color: #fff;}
.ser_online span{position: fixed;background-color: var(--bg-color);padding: 10px;border-radius: 5px;margin-top: -35px;right: -115px;opacity:0;z-index: -1;transition: 0.5s;-webkit-transition: 0.5s;}
.ser_online p a:hover ~ span{right: 50px;opacity:1;z-index: -1;}

/*service2*/
#service2{ position: fixed; bottom:250px; right:22px; z-index: 1200;}
#service2 p{ padding:7px 0; margin:0;}
#service2 img{ width: 50px; }
#service2 img:hover{ opacity: 0.85; }


/*goTop*/
.goTop { cursor: pointer;background-color: #fff;width: 55px;height: 55px;line-height: 58px;box-shadow: rgba(122, 122, 122, .4) 0 0 15px;  bottom: 100px; right: 22px; min-height: 55px; overflow: hidden; z-index: 40; position: fixed; display: block; text-align: center;
    border-radius: 0px; opacity: 0.8; color:var(--bg-color); font-size:18px; border-radius: 50%; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;    -webkit-transition: all 0.5s ease-in-out 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); display: none;}
.goTop:hover{ opacity: 1;}
.goTop:active {box-shadow: rgba(122, 122, 122, .6) inset 0 2px 8px;}

/*pop up*/
.nlyz { position: fixed; top: 0px; left: 0px; width: 100% !important; background: rgba(0,0,0,0.8); height: 100vh !important; z-index: 9999;    display: none;}
.nlyz_main { max-width: 500px; margin: auto; background: #fff; padding: 15px 15px 50px; z-index: 9999; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-height: 90vh; overflow: auto; border-radius: 8px;}
.nlyz_main p { text-align: center;}
.nlyz_main .years_logo{ text-align: center; padding: 20px 0; }
.nlyz_ms { font-size: 13px; text-align: center; margin: 20px 0; line-height: 1.8em; color: #1d1d1d;}
.nlyz_ms_b{ font-size: 14px; text-align: center; margin: 20px 0; line-height: 1.8em; color: #1d1d1d;}
.nlyz_title { font-size: 20px; text-align: center; font-weight: bold; color:var(--bg-color);}
.nlyz_main p a { width: 160px; height: 40px; display: inline-block; background: var(--bg-color); color: #fff; line-height: 40px; margin: 0px 10px; border-radius: 4px; cursor: pointer; font-size: 16px;}
.nlyz_main p a:nth-of-type(1) { background: none; border: 1px #000 solid; color: #000; margin-bottom: 5px;}



@media (min-width: 1200px){}
@media (min-width: 1400px){}
@media (min-width: 1600px){}


@media (max-width: 991px){
    .hidden-xs{ display: none; }
    
	.top-container,.page-container,.other-container{ padding:0 10px;}
	.elementor-grid{grid-column-gap: 10px; grid-row-gap: 15px;}
	.sm-grid-1{ grid-template-columns: repeat(1, 1fr); }
	.sm-grid-2{ grid-template-columns: repeat(2, 1fr); }

	.model_title h2{ font-size: 25px;}
	.model_title p{ margin-bottom: 25px;}
	.block_box, .block_box_bg{ padding:50px 0; }

	/*index grid category*/
	.bx_category_grid{ flex-wrap: wrap;column-gap:0;}
	.bx_category_item{ flex:0 0 49%; padding: 5px;}
	.product_itme{ padding: 5px;}
	.bx_category_title{ font-size:16px;}
  .bx_category_desc{ margin: 5px 5px;}
	.bx_category_desc p{ font-size:14px;}
	.photo_itme{ padding: 5px;}

	/*index list category*/
	.bx_list_item{ flex-direction: column; margin:15px 0 35px 0;}
	.bx_category_list_img{ width:100%;}
	.bx_category_list_desc{ width:100%;}
	.bx_category_list_desc{ margin-top: 20px; }
	.category_list_left .bx_category_list_img, .category_list_right .bx_category_list_img{ order:1; }
	.category_list_left .bx_category_list_desc, .category_list_right .bx_category_list_desc { order: 2;}

	/*index about*/
	.bx_about_box { flex-direction: column;}
	.bx_about_left{flex: 0 0 100%;}
	.bx_about_right h2{ font-size:22px;}
	.bx_about_right { flex: 0 0 100%; padding: 30px 0 0 0;}

  .index_about2_box h2{ font-size:30px; }


	/*index product*/
	.tabs_nav{flex-direction: column;}

	/*index app*/
	.bx_flex_list{ flex-wrap: wrap;column-gap:0;}
	.bx_flex_item{ flex:0 0 100%; }
	.bx_flex_title{ font-size:18px;}
	.bx_flex_desc p{ font-size:14px;}
	.bx_app_box .bx_fleximg img{ max-width:75px;}
	
	.tipItem .tipTop{ font-size:16px;}

  .bx_app_box .bx_flex_item{ width: 50%; padding:15px 5px; }
	
	/*index grid blog*/
	.bloggrid_box{ background: #fff; padding:15px; }

	/*index list blog*/
	.blog_list_itme{ padding:40px 30px; flex-direction: column;}
	.bloglist_img{ width: 100%; }
	.bloglist_desc{ width: 100%; margin-top: 20px;}

	/*index contact us*/
	.index_contact_bg .contact_form{padding: 25px;}

	/*footer1*/
	.bx_footer_box{ flex-direction: column;}
	.bx_footer_box dl{ width:100%;}
	.bx_footer_box dl dt{ padding: 15px 0; border-bottom:0; margin-bottom: 0; font-size: 15px; position: relative;}
	.bx_footer_box dl dd{ padding: 15px 0 10px 0; }
	.bx_footer_box dl dt:after { width: 24px; height: 24px; font-family: "FontAwesome"; content: "\f078"; position: absolute; right: 0; font-size: 12px; color: #fff; font-weight: normal; text-align: center;}	
	.bx_footer_box dl dt.open:after{content: "\f077";}

  .get_a_auote{position: fixed;right: 22px;bottom: 20px;z-index: 44;cursor: pointer;transition: .3s;width: 57px;height: 57px;    border-radius: 50%; text-align: center;background: var(--other-color);color: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, .13);        display: flex; align-items: center; justify-content: center;}
  .get_a_auote span{ display: none; }
  .get_a_auote i{ font-size:22px; }
	.bx_livechat{ width: 100%; height: 100%;right: 0; bottom: 0;}
	.goTop{ display: none; }

	/*footer2*/
	.simple_footer .foot_icons2 span{ display: inline-block; width: 100%;padding: 5px 0; text-align: left; }


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

	/*list page*/
	.listpage_block{ height: 180px;}
	.listpage-inner h2{ font-size: 30px; }
	.bx_left_box{ display: none; }
	.bx_right_box{ width: 100%; }

	.video_tab{ padding:0; }
	.video_itme video{ height: 250px !important; }
	.video_itme iframe{ height: 250px !important; }

	/*product info*/
	.bx_product_info{ flex-wrap: wrap;}
	.proinfo_left{ width: 100%; }
	.proinfo_right{ width: 100%; margin-top: 30px;}
	.proinfo_left .thumbslider{ display: none; }
	.proinfo_left .swiper-button-next,.proinfo_left .swiper-button-prev{ display: none; }
	.product_h1{ font-size: 25px;}
	.product_btn{ display: flex; flex-direction: column; column-gap: 10px; }
	.product_btn .btn{ flex:1;margin-bottom:12px; padding:13px 0; text-align: center; }
	#inquiry{padding: 35px 25px;}
	.bx_point{flex-wrap: wrap; display: none;}
	.bx_point .to_prev{ width:100%; }
	.bx_point .to_next{ width:100%; margin-top: 30px;}

	.proinfo_left .productinfoswiper{ width: 100%; }

	/*blog info*/
	.blog_h1 {font-size: 25px;}

	.casethumb{ display: none;}

	/*contact us*/
	.bx_contactus_contents{box-shadow:none; padding:0; margin-top: 0;}
	.bx_contact_left{ width: 100%; }
	.bx_contact_right{ width: 100%; padding:30px; }

	/*404 page*/
	.oopspage h3 { font-size: 25px;}
	.oopspage h3 span { font-size: 30px;}
	.oopspage_fa i{ font-size: 120px; }

	/*sitemap page*/
	ul.ul_sitemap{ padding:5px; background: transparent; }

	/* service*/
	#service1{ display: none; }
	
	/*ueditor template*/
	.build_box,.build3_box,.build4_box{ flex-wrap: wrap; }
	.build_info{ width: 100% !important;padding: 10px 0 !important; }
	.build_info_img{ order:1; }
	.build_info_text{ order:2; }
	.bulid_3{ width: 100% !important; margin-bottom: 10px;}
	.bulid_4{ width: 48% !important;  margin-bottom: 10px;}

}