.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}
.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 : auto;}
.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;}
}


















.page_oem{ position: relative; overflow: hidden;}
.page_oem .n_title{font-size: 40px; line-height: 46px; color: #ad0003;}
.page_oem .n_title:after{ display: none;}
.page_oem:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background:#e5e5e5; z-index: -5;}
.page_oem:after{ position: absolute; left: 50%; top: 120px; width:3px; height: 100%; content: ''; background:#ad0003; z-index: -3;}
.step01{background: #ffffff; border-radius: 200px; max-width:800px; margin: 100px auto 0; padding: 50px 80px; text-align: center;}
.step01 .title{ font-family: var(--title-font); font-size: 40px; line-height: 46px; margin-bottom: 30px;}
.step01 .p{ margin-bottom: 3px;}
.step01 .more a{ border: 2px solid #ad0003; color: #333; display: inline-block; line-height: 46px; padding: 0 30px; margin: 0 15px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; font-family: var(--bold-font); text-transform: capitalize; margin-bottom: 5px;}
.step01 .more a.btn2{ background: #ad0003; color: #fff;}
.step01 .more a:hover{background: #ad0003; color: #fff;}
.step02{max-width: 1100px;}
.step02 ul li{ list-style: none; display: flex; margin-bottom: 30px; border-bottom: 2px dotted #ddd; padding-bottom: 30px; text-align: left;}
.step02 ul li .pic{width: 200px; text-align: center; flex-shrink: 0; margin:0 30px;}
.step02 ul li .pic img{ border-radius: 50%;}
.step02 ul li .main{ margin-top: 30px;}
.step02 ul li .li_title{ font-family: var(--bold-font); font-size: 26px; line-height: 40px; margin-bottom: 15px;}
.step02 ul li:nth-child(2n+1) .pic{ order: 2;}

@media only screen and (max-width: 768px) {
    .step01{border-radius: 50px; padding: 50px 30px;}
    .step02 ul li .pic{margin: 0 auto;}
    .step02 ul li{display: block; text-align: center;}
}

.oem_img1{ position: absolute; right: 0; top: 0; width: 400px; height: 400px; z-index: -2;}
.oem_img2{ position: absolute; right: 0; bottom: 0; width: 457px; height: 203px; z-index: -2;}
.oem_img3{ position: absolute; left: 5%; top: 300px; width: 300px; height: 3; z-index: -2; border-radius: 50%; overflow: hidden;}
.oem_img4{ position: absolute; left: 8%; top: 800px; width: 260px; height: 3; z-index: -2; border-radius: 50%; overflow: hidden;}
.oem_img5{ position: absolute; left: 1%; top: 60px; width: 200px; height: 3; z-index: -2; border-radius: 50%; overflow: hidden;}
.oem_img6{ position: absolute; right: 6%; top: 40%; width: 300px; height: 3; z-index: -2; border-radius: 50%; overflow: hidden;}
.oem_img7{ position: absolute; right: 10%; top: 55%; width: 200px; height: 3; z-index: -2; border-radius: 50%; overflow: hidden;}




.pro_index{overflow: hidden; position: relative;}
.pro_index:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(to bottom,#f7f7f7 0%, #fff 50%); z-index: -3;}
.pro_index .container{ position: relative; z-index: 555;}
.pro_index .i_title .h4{ margin-bottom: 0;}
.pro_index .tabs{ text-align: center; margin-bottom: 56px; border-bottom: 1px solid #e9e9e9;}
.pro_index .tabs a{ color: #333;line-height: 26px;position: relative; font-size: 15px; font-size: 16px;  align-items: center; float: left; font-family: var(--bold-font);text-transform: capitalize; display: flex; padding: 0.12rem 0.36rem; margin-right: 10px; margin-bottom: 10px; background: #eee;border-radius: 30px;}
.pro_index .tabs a img{transition: 0s all;}
.pro_index .tabs .icon{flex-shrink: 0; display: inline-block; overflow: hidden; margin-right: 4px;}
.pro_index .tabs a.active{color: #fff; background: #f3829e; }
.pro_index .tabs a.active img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.pro_index .swiper-fade .swiper-slide .swiper-slide,.pro_index .swiper-fade .swiper-slide{pointer-events:auto;}
#tabs-about>.swiper-wrapper>.swiper-slide .main{padding:50px 30px; border-radius: 30px; background:#ad0003; font-size: 18px; color: #fff;}

.pro_index .tabs a:nth-child(4n+1).active{ background: #5c7088;}
.pro_index .tabs a:nth-child(4n+2).active{ background: #eaa190;}
.pro_index .tabs a:nth-child(4n+3).active{ background: #9c96b8;}

#tabs-about>.swiper-wrapper>.swiper-slide{ opacity: 0 !important; z-index: 333;}
#tabs-about>.swiper-wrapper>.swiper-slide-active{ opacity: 1 !important; z-index: 99999;}

@media only screen and (max-width:1500px) {
    .pro_index .tabs a{ padding: 12px 20px; font-size: 14px; margin: 0;}

}

@media only screen and (max-width:992px) {
    .pro_index{padding-bottom: 50px;}
    .pro_index .tabs{ border-bottom: none;}
    .pro_index .tabs a{ width: 50%; background: #eee; border: 2px solid #f7f7f7;}
    .ser_section .swiper-slide{ width: 33.33%;}
}
@media only screen and (max-width:768px) {
    .ser_section .swiper-slide{ width: 50%;}
}

@media only screen and (max-width:500px) {
    .pro_index .tabs a{ width: 100%;}
}



.mar_post{ display: flex; background:#eee;align-items: center; margin-top: 50px;}
.mar_post .img{ width: 50%;}
.mar_post .text{ padding-left:50px;}
.mar_post .text .my_more1{ margin-top: 20px;}


@media only screen and (max-width:992px) {
    .mar_post{display: block;}
    .mar_post .img{width: 100%;}
    .mar_post .text{width: 100%; padding: 50px 30px; text-align: center;}
}

/*adv_section*/
.adv_section{ padding:80px 0;}
.adv_section .clearfix{ display: flex;flex-wrap: wrap;}
.adv_section .adv_scrollbar { overflow: hidden; margin: 0 -14px; padding-top: 10px;}
.adv_section .swiper-slide{ width: 33.33%; padding: 10px 14px; float: left;}
.adv_section .swiper-slide .li{ background: #f9f9f9; padding: 40px  24px; border-radius: 10px;transition: 0.5s all;}
.adv_section .swiper-slide .li .icon{ display: block; margin-bottom: 15px;}
.adv_section .swiper-slide .li .title{ font-size: 22px; color: #111; line-height: 26px;font-family: var(--title-font); margin-bottom: 5px; display: block; margin-bottom: 10px;}
.adv_section .swiper-slide .li p{ font-size: 16px; color: #333; line-height: 24px; height: 72px; overflow: hidden;}
.adv_section .swiper-slide .li:hover{ background: #fff;box-shadow:0 5px 20px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.adv_section .swiper-slide .li:hover img{transform: scale(1.1);}
.red{color: var(--main-color);}
.mar_pro .sec_title{ margin-top: 30px;}


@media only screen and (max-width: 992px){
    .adv_section .swiper-slide{ width: 50%;}
    .adv_section{ padding-bottom: 40px; background: none; padding-top: 40px;}
    .adv_section .swiper-slide .li .title{ font-size: 14px; line-height: 20px;}

}

@media only screen and (max-width:768px) {
    .adv_section .swiper-slide{ width: 50%;}
}

@media only screen and (max-width:400px) {
    .adv_section .swiper-slide{ width: 100%;}
}

.mar_pro ul li{ list-style: none; text-align: center; margin-bottom: 20px;}
.mar_pro ul li p{ font-family: var(--bold-font); font-size: 18px; margin-top: 10px;}


.sus_kun{ padding: 50px 0;}
.sus_kun .main{ display: flex;align-items: center;}
.sus_kun .img{ width: 50%; text-align: center; }
.sus_kun .text{ width: 50%;padding:0 50px;}
.sus_kun .text ul li{ list-style: none; margin-bottom: 26px;}
.sus_kun .text .my_more1{margin-top: 30px;}

.sec_title{ font-size: 40px; line-height: 42px; font-family:var(--title-font); margin-bottom: 20px;}

@media only screen and (max-width: 992px) {
    .sec_title{font-size: 30px; line-height: 36px;}
    .sus_kun .main{flex-direction: column;}
    .sus_kun .img{order: 1;}
    .sus_kun .text{order: 2;}
    .sus_kun .img,.sus_kun .text{width: 100%; background: #eee;}
    .sus_kun .text{padding: 30px;}
    .sus_kun .text ul li .li .icon{ width: 60px; height: 60px;}
    .sus_kun .text ul li .li{align-items: flex-start;}
    .sus_kun .text ul li .li .title{font-size: 16px;}

}
.food_case{padding-bottom: 50px;}
.food_case ul li{ list-style: none; float:left; width: 25%; text-align: center; padding: 0 15px;}
.food_case ul li .img{ margin-bottom: 10px;}
.food_case ul li .text{ color:#444; line-height: 24px;}
.food_case ul li .text span{ color: #666; margin-top: 15px; display: inline-block; font-family: var(--bold-font);}
.food_case ul li .title{ font-family: var(--title-font); font-size: 26px; color: #333; margin-top: 10px;}

@media only screen and (max-width: 768px) {
    .food_case ul li{ width: 50%; margin-bottom: 20px;}
}

@media only screen and (max-width: 500px) {
    .food_case ul li{ width: 100%; margin-bottom: 20px;}
}