.page_quality2L li{ list-style:none; position:relative; display: flex; align-items: center}
.page_quality2L li:nth-child(2n+2){flex-flow: row-reverse;}
.page_quality2L li .page_quality2L_img{ float:left; width:50%;overflow: hidden;}
.page_quality2L li:nth-child(2n+2) .page_quality2L_img{ float:right}
.page_quality2L li .page_quality2L_img>div{ overflow:hidden; width:100%}
.page_quality2L li .page_quality2L_img img{max-width:100%; height:auto; width:100%;transition: all .9s;}
.page_quality2L li .page_quality2L_img:hover  img{-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)}
.page_quality2L li .text-detail{ float:left; width:50%; padding: 25px}
.page_quality2L li:nth-child(2n+2) .text-detail{    left: 0;}
.page_quality2L li .text-detail .title { font-weight: 700; display:block; font-size:28px; color:#222; line-height:30px}
.page_quality2L li .text-detail .text{ line-height:26px; font-size:16px; color:#666; margin-top:20px}


@media only screen and (max-width: 1024px){
    .page_quality2L li .text-detail .title {
        font-size: 20px;
    }}

@media only screen and (max-width: 768px){
    .page_quality2L li .text-detail {
        padding: 4% 2%;
        width: 100%;
    }
    .page_quality2L li {display: block;}
    .page_quality2L li .page_quality2L_img{  width: 100%}
    .page_quality2L li:nth-child(2n+2) .page_quality2L_img {
        float: left;
        width: 100%;}
}


ul.ul_confused01 li{display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
ul.ul_confused02 li{display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;flex-direction:row-reverse;flex-wrap: wrap;}
ul.ul_confused02 .text-detail,ul.ul_confused01 .text-detail{padding: 3%;box-sizing: border-box;}
.ul_confused .page_img,.ul_confused .text-detail{width: 50%;}
.ul_confused .page_img img{width:100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.confused_div{margin: 15px 0;}
@media only screen and (max-width: 992px){
    .ul_confused .page_img,.ul_confused .text-detail{width: 100%;}
    ul.ul_confused02 .text-detail, ul.ul_confused01 .text-detail{padding:2% 0 ;}
}



.grecaptcha-badge{ display:none}
/*share*/
body{  color:#111;background:#fff; }

.fontRed{color:red;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clear{ clear:both;}

.page_spe{ margin:0px 20px;}
.page_quality2L .spe_main{ list-style:none; position:relative; display: flex; align-items: center}

.page_quality2L .spe_main .page_quality2L_img{ float:left; width:50%;overflow: hidden;}

.page_quality2L .spe_main .page_quality2L_img>div{ overflow:hidden; width:100%}
.page_quality2L .spe_main .page_quality2L_img img{max-width:100%; height:auto; width:100%;transition: all .9s;}
.page_quality2L .spe_main .page_quality2L_img:hover  img{-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)}
.page_quality2L .spe_main .text-detail{ float:left; width:50%; padding: 25px; font-size:14px; line-height:26px;}
.page_quality2L li:nth-child(2n+2) .text-detail{    left: 0;}
.page_quality2L .spe_main .text-detail .title { font-weight: 700; display:block; font-size:28px; color:#222; line-height:30px}
.page_quality2L .spe_main .text-detail .text{ line-height:26px; font-size:16px; color:#666; margin-top:20px}

.page_quality2L .spe_main_2 .text-detail{    left: 0;}
.page_quality2L .spe_main_2 .page_quality2L_img{ float:right}
.spe_main_2{flex-flow: row-reverse;}

@media only screen and (max-width: 1024px){
    .page_quality2L .spe_main .text-detail .title {
        font-size: 20px;
    }}

@media only screen and (max-width: 768px){
    .page_quality2L .spe_main .text-detail {
        padding: 4% 2%;
        width: 100%;
    }}
@media only screen and (max-width: 768px){
    .page_quality2L .spe_main .page_quality2L_img { width:100%}
    .page_quality2L .spe_main {display: block;}
    .page_quality2L .spe_main:nth-child(2n+2) .page_quality2L_img {   float: left;  width: 100%;}

}


/*reset*/
:focus{outline:0;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0; line-height:normal}
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;}
em{font-style:normal;}
img{border:none; max-width:100%}
/*li,ul,ol{list-style:none;}*/
a{text-decoration:none;color:#231815;}
input{padding:0px;vertical-align: middle;line-height: normal;border:none;}
body{overflow-x:hidden;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}
a:focus {outline: none;}
:focus {outline: none; box-shadow:none}
iframe {max-width: 100%; position: relative; z-index: 99}
.table-responsive ul li {list-style-position: inside !important }
.table-responsive td{ padding:0 8px}/*share*/
/*share*/
body{
    font-size: 14px;
    background:#fff;
    color: #555;
    line-height:24px;
}
.bold{font-weight:bold;}
.fontRed{color:red;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
/*ul,li{ list-style:none}*/




a:hover,img:hover{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
a,img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}

/*鍥炬爣鍒楄〃*/
.det_content{ padding:2% 0px;}
.det_content .adv_title{ text-align:center; font-size:32px; font-weight:500; color:#222; line-height:40px; }
.det_content .adv_list{ margin: 40px 15px 0; display: flex; flex-wrap: wrap;}
.det_content .adv_list  li{ list-style: none;  text-align:center }
.det_content .adv_list  li .column{ padding:10px 6%}

.det_content .adv_list  li .column img{max-width:100px; }

.det_content .adv_list  li .title{ display: block; font-size: 22px; font-weight: 500; color: #080808; line-height:24px; margin-bottom: 10px; margin-top: 16px}
.det_content .adv_list  li .text{ display: block; font-size: 14px; font-weight: 500;   color: #666666; line-height: 22px; margin-top: 14px; }

 


/*鍥剧墖鍒楄〃*/
.det_pic_content .list{ display: flex; margin:34px -10px 0;     flex-wrap: wrap;}
.det_pic_content .list li{ width: 20%; list-style: none; padding:20px 10px 0;  display: flex; }
.det_pic_content .list li .column{ background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.08);transition: all .9s; width: 100%}
.det_pic_content .list li .column:hover{transform:translate3d(0,-5px,0);-webkit-transform:translate3d(0,-5px,0);}
.det_pic_content .list li .column .image{ display: block; overflow: hidden; width: 100%}
.det_pic_content .list li .column .image img{ width: 100%; transition: all .9s;}
.det_pic_content .list li .column:hover .image img{-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)}
.det_pic_content .list li .column .wrap{padding: 20px 20px 18px;}
.det_pic_content .list li .column .wrap .title{ font-size: 16px; color: #005bac; line-height: 24px; display: block; font-weight: 600;}
.det_pic_content .list li .column .wrap .text{ font-size:14px; color: #808080; line-height: 24px;  margin-top: 9px}
.det_pic_content .list li .column:hover .wrap .title{ color: #009944}

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

    .det_pic_content .list{ margin-top: 0px}

}
@media only screen and (max-width: 768px) {
    .det_pic_content .cat_text{ margin-top: 20px}
    .det_pic_content .list{ padding-left: 0 !important}

}

@media only screen and (max-width: 658px) {
    .det_pic_content .list li{ width: 50%}
    .det_pic_content .cat_title{ display: block; text-align: center;}
    .det_pic_content .cat_title .main_title{ display: block; text-align: center;}
    .det_pic_content .cat_title .main_title .line{ margin: 10px auto 0}

}


#list_four li{width:25%;}
@media only screen and (max-width: 658px){
    #list_four li{ width: 50%}
}

#list_three li{width:33.3%}

@media only screen and (max-width:768px){
    #list_three li{width:100%;    padding:10px;}

}

/*鑳屾櫙鍥�*/
.page_case_content{position: relative; overflow: hidden; padding: 134px 0 140px}

.page_case_content .case_bg{background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;}
.page_case_content .case_bg .ovrly{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.6;display: block;background: #000;}
.page_case_content .container{position: relative;z-index: 5; text-align: center}
.page_case_content .main_title em{ color: #fff; font-size:40px;}
.page_case_content .main_title .text{ color: #fff; margin-top: 33px; width:80%; margin:33px auto;overflow: inherit; max-height: inherit;}
.page_case_content .main_more{ margin-top: 49px}


@media only screen and (max-width:  768px) {
    .page_case_content{ padding: 80px 0}

}

@media only screen and (max-width:  478px) {
    .page_case_content{ padding: 60px 0}
    .page_case_content .main_more{ margin-top: 30px}
    .page_case_content .main_title .text{ margin-top: 23px;}
}



/*about_背景*/
.elementor{margin-top: 2%}
.elementor_main_bg{;background-position: center center;
    background-repeat: no-repeat;
   
    width: 100%;
    height: 100%;
    background-size: cover;}

.infotxt { padding: 60px;
    background-color: rgba(255, 255, 255, 0.81); margin: 0 auto;width:90%;}  
.infotxt_m{padding-top: 4%; padding-bottom: 4%}
.infotxt_1 {text-align: center}
.infotxt_2{font-size: 30px; text-align: center; line-height: 60px; font-weight: 700; color:#0c52a7}


@media only screen and (max-width:992px){.infotxt{padding:30px;}
	
.infotxt_3	{max-height: 540px;overflow-y: auto;}
        
	
	
}



/*左右产品*/

.sp_more1 {
    display: inline-block;
    font-family: 'poppins_s';
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    position: relative;
    z-index: 555;
    position: relative;
    background: #222;
    line-height: 40px;
    padding: 0px 30px;
}
.cate_main_holder{display:flex;  justify-content: center;align-items: center}
    
.cate_section_holder ul li{ list-style:none;}
.cate_section_holder .cate_li{text-align: center; padding: 0; margin:70px 0; position: inherit;}
.cate_section_holder .cate_li .active{ background: none;  border: none; height: auto;}
.cate_section_holder .cate_li li{display: inline-block; float: left; width:16.66%; text-align: center; cursor: pointer; position: relative; height: auto; border: none; border-radius:0; z-index: 333;}
.cate_section_holder .cate_li li .icon{ display: inline-block; width: 100px; height: 100px; border-radius:50%; background:#f7f7f7;transition: 0.8s all;}
.cate_section_holder .cate_li li.active .icon{ background: #fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.06); transform:translate3d(0,-6px,0);-webkit-transform:translate3d(0,-6px,0);}
.cate_section_holder .cate_li .active p{ color: #064e98;}
.cate_section_holder .cate_li p{ font-size: 16px; color: #333;font-family:'poppins_s'; line-height: 20px; margin-top: 16px;}



.cate_section_holder .cate_main{ padding: 0px 60px;}
.cate_section_holder .cate_l{ float: left; width: 32%; }
.cate_section_holder .cate_l .ship_title .sp_h4{ text-transform: capitalize;   color: #333;
    font-size: 30px;
    line-height: 40px;
	font-weight:700;
    z-index: 2;
  
    position: relative;
}


 
.cate_section_holder .cate_l .cate_p{ color: #999; font-size: 14px; line-height: 26px;margin-bottom: 20px;}
.cate_section_holder .cate_r{ float: left; width: 68%; padding-left: 50px;}

.cate_section_holder .membership .sp_li{ position: relative; border: 1px solid #eee; box-shadow: 0px 5px 20px rgba(0,0,0,0.06); margin:15px 0px 15px 20px; text-align: left;transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; overflow: hidden; width:calc((100% - 60px)/3); float: left}
.cate_section_holder .membership .sp_li *{transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.cate_section_holder .membership .sp_li  .membership_img{ padding: 8px; overflow: hidden; text-align: center}
.cate_section_holder .membership .sp_li .membership_text{  width: 100%; background: #fff; padding:10px 20px 20px 20px}
.cate_section_holder .membership .sp_li .membership_text .membership_title { color: #222; font-size: 16px; display: block; font-weight: bold; margin:10px 0; border-bottom: 1px solid #fff;}
.cate_section_holder .membership .sp_li .membership_text p{ font-size: 12px; color: #999; line-height: 24px; height: 48px; overflow: hidden;}
.cate_section_holder .membership .membership_text .card_more{ font-size: 12px; font-weight: bold;color: #222;text-transform: capitalize;  display: inline-block; line-height: 20px; overflow: hidden; margin-top: 10px;}
.cate_section_holder .membership .sp_li .membership_text .card_more i{margin-left: 4px;}

.cate_section_holder .membership .sp_li:hover .membership_title{  border-bottom: 1px solid #eee; }


.cate_section_holder .membership .sp_li:hover{transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0); border: 1px solid #222;}


@media only screen and (max-width:992px) {
.cate_section_holder .cate_r{padding-left: 20px;}
.cate_section_holder .cate_l .ship_title .sp_h4{font-size:26px}

	
}

@media only screen and (max-width:768px) {
	
	.cate_main_holder{display:inherit;align-items:normal}
	.cate_section_holder .cate_l{width:100%}
	
	.cate_section_holder .cate_r{width:100%; padding-left: 0px;}
	.cate_section_holder .membership .sp_li .membership_text p{display:none}
	.cate_section_holder .membership .sp_li .membership_text{position: inherit; padding:10px;}
	.cate_section_holder .membership .sp_li{padding-bottom:0px;}
	.cate_section_holder .membership .sp_li .membership_text .membership_title a{font-size:14px;margin: 5px 0px  0px 0px;line-height: 20px; font-weight: normal}
	.cate_section_holder .membership .sp_li{margin:10px 10px 0px 0px;width: calc((100% - 30px)/3)}}

	
	
/*标题01*/
.prose_first{  margin: 15px 0px; border-bottom: 1px solid #e2f0f8;  height: 40px}
	
.prose_first .prose_num{font-size: 20px; font-weight: 600; color: #222;float: left; line-height: 40px}
.prose_first_img{padding-right: 5px;float: left}

/*标题02*/
.prose_second{margin: 15px 0px; position: relative }
.prose_second_title{font-size: 20px; font-weight: 600; color: #222; text-align: center; line-height:40px; position: relative}
.prose_second_de{margin: 10px 0px; font-size: 14px; color:#535151; text-align: center}
.prose_second_title:before{content:'' ;background:#222; width:90px; height:4px;  position: absolute;left: 50%; bottom: -6px;transform: translate(-50%, -50%)}


/*标题03*/
.prose_third{margin: 15px 0px; }
.prose_third_title{ line-height: 40px;}
.prose_third_de{font-size:20px; color: #fff; font-weight: bold; padding: 10px 15px;border-top-left-radius: 5px; border-top-right-radius: 5px;}





/* kapsom-style1 */
.container2{ max-width: 1260px;}
@media only screen and (min-width: 992px){
    .scrolling-content--container{display:grid; row-gap: 50px; position:relative;grid-template-columns:0fr 1fr;}
    .scrolling-content--image{display:block;position:sticky;left:0;top:120px;display:flex;background: #fff; margin-bottom: 50px; box-shadow: 0 0 80px rgba(0,0,0,0.1);}
    .scrolling-content--image:nth-child(4){ top: 180px;}
    .scrolling-content--image:nth-child(6){ top:240px;}
    .scrolling-content--image:nth-child(8){ top:300px;}
    .scrolling-content--image:nth-child(10){ top:360px;}
    .scrolling-content--image:nth-child(12){ top:420px;}
    .scrolling-content--image .img{ width: 50%; flex-shrink: 0;}
    .scrolling-content--image .text{ width: 50%; flex-shrink: 0;}
    .scrolling-content--image:nth-child(4n) .text{ order: 1;}
    .scrolling-content--image:nth-child(4n) .img{ order: 2;}
    .scrolling-content--content{display:flex;flex-direction:column;justify-content:center}
    .scrolling-content--section{max-height:calc(100svh - 60px, 0px)}
    .scrolling-content--image .img img{ width: 100%;}
    .scrolling-content--image .text{ padding: 80px 50px;}
}
.scrolling-content .flickity-page-dots{position:absolute;top:50%;right:-38px;transform:translateY(-50%);bottom:auto;left:auto;width:8px;flex-direction:column}
.scrolling-content .flickity-page-dots .dot.is-selected{width:8px;height:32px}
.scrolling-content .flickity-page-dots .dot{margin:6px 0}
.static-dots .flickity-page-dots { position: static;}
.flickity-page-dots {display: inline-flex;justify-content: center;align-items: center;margin: 0 auto;
    list-style: none;text-align: center;line-height: 0;position: absolute;bottom: 28px;left: 0;width: 100%;
    border: 0;padding: 0;z-index: 20; }
.flickity-page-dots .dot {width: 8px;height: 8px;display: inline-block;opacity: 0.2;transition: 0.5s;border-radius: 4px;margin: 0 6px;background: var(--color-body, #fff);cursor: pointer;position: relative;transform: scale(1, 1); }
.flickity-page-dots .dot.is-selected {opacity: 1; }
@media (hover: hover) {.flickity-page-dots .dot:hover {opacity: 1; } }
.flickity-page-dots .dot.is-selected {width: 32px;}

.scrolling-content--image .text .title{ color: #222; font-family: var(--title-font); font-size: 40px; line-height: 46px; margin-bottom: 40px; display: block;}
@media only screen and (max-width: 992px){
    .kapsom-style1{ padding: 60px 0 30px;}
    .kapsom-style1 .cate_main{padding: 0 30px;}
    .kapsom-style1 .p{ font-size: 16px; line-height: 30px;}
    .scrolling-content--content-text{ padding-right: 0;  padding: 15px; background: #fff;}
    .scrolling-content--image{margin-bottom: 30px; background: #fff;}
    .kapsom-style1 .title{ font-size: 30px; line-height: 36px; margin-bottom: 15px;}
    .scrolling-content--image .text{padding: 30px;}
    .scrolling-content--image .text .title{font-size: 30px; line-height: 36px; margin-bottom: 20px;}
    .scrolling-content--image .img{ height: 200px; display: block; overflow: hidden;}
    .scrolling-content--image .img img{ width: 100%; height: 100%; object-fit:cover;}
}



.kapsom-title{ font-size: 46px; line-height: 60px; color: #111; margin-bottom: 40px; display: inline-block; font-family: var(--title-font);}
.kapsom-text{ font-size: 20px; line-height: 32px; color: #666; margin-bottom: 40px;}
.kapsom-h3{ color: #333; font-size: 22px; font-family: var(--title-font); line-height: 32px; margin: 15px 0 20px; display: block;}
.kapsom-p{ color: #808080; font-size: 18px; line-height: 24px;}
.kapsom-section{ padding: 68px 0;}

.kapsom-style2 .img{ float: left; width: 50%;}
.kapsom-style2 .text{ float: left; width: 50%; padding-left: 60px;}
.kapsom-style2 .kapsom-h3{ margin-bottom: 5px;}

.kapsom-style3 ul{display: flex;flex-wrap: wrap; margin: 0 -10px;}
.kapsom-style3 ul li{ list-style: none; width: 25%; float: left; padding: 0 10px; margin-bottom:30px;}
.kapsom-style3 ul li .li{ background: #f5f5f5; height: 100%; padding: 50px 30px; transition: 0.5s; text-align: center;}
.kapsom-style3 ul li .li .icon{ display: inline-block; margin-bottom: 15px;}
.kapsom-style3 ul li .li:hover{ background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.15);}

.kapsom-style4{ background: #f7f7f7;}
.kapsom-style4 ul{display: flex; margin: 0 -15px;flex-wrap: wrap;}
.kapsom-style4 ul li{ list-style: none; width: 33.33%; padding: 0 15px; }
.kapsom-style4 ul li .li{background: #eee; padding: 50px 30px; height: 100%; text-align: center;}
.kapsom-style4 ul li .li .icon{ display: inline-block; width: 88px;}

.kapsom-style5{ background: #fff; display: flex;flex-wrap: wrap;}
.kapsom-style5 .img{ width: 60%;}
.kapsom-style5 .text{ width: 40%; padding:60px 30px;}

.kapsom-style6{ background:var(--zmain-color); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.kapsom-style6 ul{ display: flex; margin: 0 -15px;flex-wrap: wrap;justify-content: center;}
.kapsom-style6 ul li{ list-style: none; width: 33.33%; padding: 0 15px; margin-bottom:30px; text-align: center;}
.kapsom-style6 ul li:nth-child(n+3){ margin-bottom: 0;}
.kapsom-style6 ul li .li{  background: rgba(255,255,255,0.6); border: 1px solid rgba(255,255,255,0.6);backdrop-filter: blur(10px); padding: 30px 20px;}
.kapsom-style6 ul li .li .icon{width: 88px; height: 88px; display: inline-flex; border-radius: 50%; background: #f5f5f5;align-items: center; justify-content: center;}
.kapsom-style6 .i_title .title{ color: #fff;}
.kapsom-style6 ul li .kapsom-p{ color: #333;}


/*step_section*/
.step_section{overflow: hidden; background:#eee;}
.step_section ul li{ list-style: none; width: 20%; padding: 0 5px; position: relative;transform:none !important;}
.step_section ul li .li{ height:340px; position: relative; padding: 20px; background: #fff; display: flex;flex-direction: column; justify-content: space-between;}
.step_section ul li .li .num{ position: absolute; right: 20px; top: 20px; color: #f0f0f0; font-size: 50px; line-height: 50px; font-family: var(--title-font);}
.step_section ul li .li .title{ font-size: 22px; line-height: 26px; font-family:var(--title-font); color: #333; min-height: 52px; margin-bottom: 20px;}
.step_section ul li:after{ width: 46px; height: 46px; top: 50%; margin-top: -23px; right: -23px; border: 6px solid #f6f7f7; content: ''; border-radius: 50%; position: absolute; z-index: 999; background-color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E %3Cpath d='M 1 5 L 16 5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' stroke='%2309b43c'/%3E %3Cpath d='M 12 1 L 16 5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' stroke='%2309b43c'/%3E %3Cpath d='M 12 9 L 16 5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' stroke='%2309b43c'/%3E %3C/svg%3E"); background-repeat: no-repeat; background-position: center center; transition: 0.5s;}
.step_section ul li:last-child:after{ display: none;}
.step_section ul li:hover:after{ background-color: var(--zmain-color);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E %3Cpath d='M 1 5 L 16 5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' stroke='%23ffffff'/%3E %3Cpath d='M 12 1 L 16 5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' stroke='%23ffffff'/%3E %3Cpath d='M 12 9 L 16 5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' stroke='%23ffffff'/%3E %3C/svg%3E");}
.step_section ul li:hover .icon img{filter:FlipH; transform: rotateY(180deg);}
.step_section .my_more1{ margin-top: 30px;}

.kapsom-style7 ul{ margin: 0 -15px;}
.kapsom-style7 ul li{ list-style: none; width: 33.33%; float: left; padding: 0 15px;}
.kapsom-style7 ul li .img{ overflow: hidden; display: block;}
.kapsom-style7 ul li:hover .img img{transform: scale(1.05);}
.kapsom-style7 ul li .more{ margin-top: 10px; color: var(--zmain-color); text-decoration: underline; display: inline-block; font-family: var(--title-font); text-transform: uppercase; font-size: 18px;}


.kapsom-style8{ background: #f7f7f7;}
.kapsom-style8 .main{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; display: flex;justify-content: flex-end;flex-wrap: wrap;}
.kapsom-style8 .img{ width: 50%;}
.kapsom-style8 .text{width: 50%; max-width:800px; padding: 30px 60px 30px 0; border-left: 1px solid #e5e5e5; padding-left: 30px;}

.business_ser{ border-bottom: 1px solid #e5e5e5;}
.business_ser ul{ display: flex;  border-left: 1px solid #e5e5e5;flex-wrap: wrap;}
.business_ser ul li{ border-right: 1px solid #e5e5e5; padding: 30px; width: 33.33%;border-bottom: 1px solid #e5e5e5;}
.business_ser ul li:nth-child(n+4){ border-bottom: none;}

.kapsom-style9{ text-align: center;}
.kapsom-style9 ul{ margin: 0 -15px;}
.kapsom-style9 ul li{ float: left; width: 33.33%; padding: 0 15px;}
.kapsom-style9 ul li .li{ position: relative;}
.kapsom-style9 ul li .li .img{ display: block; overflow: hidden;}
.kapsom-style9 ul li .li .title{ display: block; background: rgba(0,0,0,0.6); padding: 10px; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; margin: 0;}
.kapsom-style9 ul li .li:hover img{transform: scale(1.1);}

.kapsom-style10 ul{display: flex;flex-wrap: wrap; margin: 0 -15px;}
.kapsom-style10 ul li{ width: 33.33%; margin-bottom: 30px; padding: 0 15px;}
.kapsom-style10 ul li .li{ background: #f5f5f5; font-size: 18px;}
.kapsom-style10 ul li .li .text{ padding:26px;}
.kapsom-style10 ul li .li .kapsom-h3{ border-bottom: 1px solid #e5e5e5; margin: 0; padding-bottom: 15px; margin-bottom: 15px;}
.kapsom-style10 ul li .li p{ position: relative; padding-left: 16px; margin-top: 4px;}
.kapsom-style10 ul li .li i{width: 18px; height: 30px; border-radius: 50%; width: 30px;line-height: 30px; text-align: center; border-radius:5px;position: relative; color: var(--zmain-color); margin-right: 8px; font-size: 12px; display: inline-flex;align-items: center; justify-content: center; flex-shrink: 0;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); margin-right: 4px; background: #fff;}


/*about_section*/
.about_section{overflow: hidden; position: relative; padding-bottom: 150px; background: #eee;}
.about_section .about_img{width: 100%;}
.about_section .about_text{ position: absolute; left:0; bottom: 0; width: 100%; height: auto;}
.about_section .about_text .main{ background: #fff; text-align: center; padding-top: 50px;}
.about_section .kapsom-p{ max-width: 1200px; padding: 0 30px; margin: 0 auto;}

.case_section{ border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.case_section ul li{ list-style: none;}
.case_section ul li{ display: flex;flex-wrap: wrap;}
.case_section ul li .img{ width: 60%; flex-shrink: 0;}
.case_section ul li .text{ width: 40%; flex-shrink: 0; padding:0 66px; position: relative;}
.case_section ul li .text:after{ position: absolute; right: -1px; top: 0; width: 1px; height: 100px; background: var(--zmain-color); content: '';}
.case_section ul li:nth-child(2){ margin-top: 100px;}
.case_section ul li:nth-child(2) .text{ order: 1;}
.case_section ul li:nth-child(2) .text:after{ right: auto; left: -1px; top: 0;}
.case_section ul li:nth-child(2) .img{ order: 2;}


.blog_editor {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.blog_editor .img {
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 30px;
}

.blog_editor .text {
    padding-left: 100px;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg t='1757492581811' class='icon' viewBox='0 0 1195 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4529' width='200' height='200'%3E%3Cpath d='M1125.400405 972.814933 651.636395 972.814933 651.636395 631.106304C651.636395 491.702016 663.719168 382.333696 687.885227 302.997931 712.0512 223.662165 737.181781 170.700459 802.935893 107.231829 868.68992 43.763285 914.312789 24.717568 1010.828373 0L1078.255957 145.030059C1010.828373 170.796971 969.749333 182.289237 906.391381 248.024235 843.033429 313.759232 838.360149 377.340075 838.360149 431.988736L1125.400405 431.988736 1125.400405 972.814933ZM473.764096 972.814933 0 972.814933 0 631.106304C0 491.702016 12.082859 382.333696 36.248832 302.997931 60.414891 223.662165 85.545472 170.700459 151.299499 107.231829 217.053611 43.763285 262.676395 24.717568 359.192064 0L426.619563 145.030059C359.192064 170.796971 318.112939 182.289237 254.754987 248.024235 191.397035 313.759232 186.723755 377.340075 186.723755 431.988736L473.764096 431.988736 473.764096 972.814933Z' fill='%23dbdbdb' p-id='4530'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: 30px top;
}

.blog_editor .text:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100px;
    background-color: var(--zhover-color);
    content: '';
}

.blog_editor .text .p {
    color: #333;
    font-weight: 400;
}

.blog_editor .text .name {
    margin-top: 20px;
    font-family: var(--bold-font);
    display: block;
}