*{margin:0;padding:0;}
html {
    --default-h: 80px;
    --header-small-height: 80px;
    --scroll-w: 4px;
    --vw: 100vw;
    --vwmini: calc(var(--vw) - var(--scroll-w));
    --hvw: clamp(0px, calc(100vw - var(--scroll-w)), 1920px);
    /* --hvw: 100%; */
    --bettwen-pad: 5vw;
    --main-color: #c99d4d;
    --main-hover-color: #c99d4d;
    --main-color-rgb: 246, 117, 36;
    --main-hover-color-rgb: 10, 76, 154;
    --main-third-color: #c99d4d;
    --main-third-hover-color: #c99d4d;
    --main-third-color-rgb: 73, 151, 203;
    --main-third-hover-color-rgb: 18, 101, 199;
    --linear-color: linear-gradient(124deg, #c99d4d, #c99d4d);
    --linear-color-h: linear-gradient(-124deg, #c99d4d, #c99d4d);
    --background: linear-gradient(-34deg, #c99d4d 0%, #c99d4d 100%),
      linear-gradient(#c99d4d, #c99d4d);
    --background-hover: linear-gradient(-34deg, #c99d4d 100%, #c99d4d 0%),
      linear-gradient(#c99d4d, #c99d4d);
    --win-width-1920: 100vw;
    --bettwen-full-pad: calc((100vw - var(--wrap-full-width)) / 2);
    --bettwen-1760-pad: calc((100vw - var(--wrap-1760-width)) / 2);
    --bettwen-1680-pad: calc((100vw - var(--wrap-1680-width)) / 2);
    --bettwen-1470-pad: calc((100vw - var(--wrap-1470-width)) / 2);
    --bettwen-1300-pad: calc((100vw - var(--wrap-1300-width)) / 2);
    --bettwen-1200-pad: calc((100vw - var(--wrap-1200-width)) / 2);
  }

 
  ::-webkit-scrollbar {
    border-radius: 1.5px;
    width: 6px; 
    height: 6px;
    background-color: #dfdfdf;
  }
 
  ::-webkit-scrollbar-track {
    border-radius: 1.5px;
    background-color: #dfdfdf;
  }
  
  ::-webkit-scrollbar-thumb {
    border-radius: 1.5px;
    background-color: var(--main-color);border-radius: 90px;
  }
body{margin:0;padding:0;color:#000;font-size:14px; line-height: 1.6; background:#FFF; font-family:"Hiragino Sans GB", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:inherit;line-height:inherit; font-family: "Hiragino Sans GB", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
ul li{list-style:none;}
input{ -webkit-appearance: none;  font-family: "Hiragino Sans GB", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
textarea{ -webkit-appearance: none; resize:none;}
input::-webkit-input-safebox-button{display: none;}
select{ -webkit-appearance: none; }
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none;}
a{cursor:pointer; color: #000;transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
a:hover{color: #dfad66}
a,a img{border:none;outline:none;cursor:pointer;text-decoration:none;background:none;}
span:focus,img:focus,button:focus{outline:none; border:none;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline:none;}
a:focus,a:hover{text-decoration:none;outline:none; }
/*a:hover{-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
*/select,select:focus,select:active{outline:none;}
input:focus,textarea:focus,select:focus{outline:none; border: #dfad66 solid 1px;}
.form-control::-moz-placeholder{color:#b3b3b3;opacity:1}
.form-control:-ms-input-placeholder{color:#b3b3b3}
.form-control::-webkit-input-placeholder{color:#b3b3b3}
.but_class{font-size: 18px;padding:10px 30px; font-weight: 600;transition:all .5s; background:#dfad66;border:none;color: #fff;border-radius:90px;display: inline-block;}
.but_class:hover{background: #c28e44; color: #fff; }

.caretl{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px;}
/**/
.container{max-width: 1240px;width: 92%;padding: 0px;margin: 0 auto;}

header{ background:url(../images/banner_bg.jpg) center center no-repeat; background-size: cover;}
.title_li{font-size: 48px; font-weight: bold; text-align: center}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after ,.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after{ content:""}
.top{display:inline-block; width: 100%; text-align:center; position:relative; z-index:2; transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}

.top_nav li>a{color: #000;}
.top_logo{padding: 25px 0px 10px;display: inline-block;}
.top_logo .logo_m{display: none;}
.top_logo .logo_p{display:block;}
.top_logo a{display: inline-block;}
.top_logo img{height:54px;}
.top_header{left: 0px;top: 0px;width: 100%;text-align: right;z-index:999;padding: 0px;position:relative;}
.top_header .top_header_width{width: 92%;max-width: 1240px;margin: 0px auto;position: relative;}
.top_icon{display:inline-block;float: right; text-align:right; z-index: 2; }
.top_icon .top_icon_width{display:inline-block;}
.fixed_bg .top_nav li>a{color: #000;}
.top_header .top_logo{margin:0 auto; float: left; z-index:2}

.fixed_bg .top_logo .logo_m{display:block;}
.fixed_bg .top_logo .logo_p{display: none;}
.top.fixed .top_logo .logo_m{display:block;}
.top.fixed .top_logo .logo_p{display: none;}
.top.fixed .top_nav li>a{color: #000;}



.top_left{left: 0px; top: 0px; position: absolute; left: 0px; top: 0px; z-index:3; padding: 20px;}
.top_left a{padding: 5px;}
.top_left_padding{margin-left:6px;}
.top_nav_width{
    display:inline-block;
    margin: 0px auto;
    /* position: relative; */
    text-align: center;
    z-index:1;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    }
.top_nav{display: inline-block;margin: 0px auto;/* text-transform: uppercase; */}
.top_nav li{float:left; }
.top_nav .active>a{color:#dfad66 !important;}
.top_nav li a{font-size: 16px;padding: 32px 0px;margin: 0px 35px;display:block;font-weight: bold;}
.top_nav li>a{position: relative}
.top_nav li>a:before{
    content:" ";
    position:absolute;
    left: 0px;
    right: 0px;
    bottom: 20px;
    margin: 0px auto;
    width:0px;
    background: #dfad66;
    height: 3px;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    }
.top_nav li:hover>a:before{width:100%; }
.top_nav li a:hover{ color: #dfad66 !important;}
.top_nav li:hover .top_nav_li_icon:after, .top_nav li:hover .top_nav_li_icon:before{background:#333}
.top_nav_li_icon{display:inline-block; position:relative; width:18px; height:12px; margin-right:10px;}
.top_nav_li_icon:after, .top_nav_li_icon:before{ content:" "; position:absolute; width:100%; height:2px; background:#333; display:block; top:0px; transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
.top_nav_li_icon:after{bottom:0px; top:auto; }

.top_nav>li#shipclassli div{display:block; position:relative;}
.top_nav li:hover>a{color:#dfad66!important;}
.top_nav li:hover .arrowDG_menu{opacity: 1; height: auto; padding: 10px 0px;}
.top_right_Shopping b{padding-left: 5px;}
.top.top_fixed{background: #fff; color: #333; box-shadow: 0 0px 0px rgba(0,0,0,0);}
.top.fixed{background: #fff;  left: 0px; top: 0px;
    box-shadow:0 5px 10px rgba(0,0,0,0);
}

.arrowDG_menu{
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s; height: 0px; position:absolute; opacity: 0;  overflow: hidden; left:0px; color: #333; text-align: left; top:100%; background: #fff; padding:0px; min-width:100%; z-index:999; background:#fff; background:rgba(255, 255, 255, 0.95)!important; filter:Alpha(opacity=95);}

.top_nav .arrowDG_menu a{font-size: 16px; font-weight: normal;}
.navbarbox_li{width: 50%; padding:30px 30px 20px; float: left; overflow: hidden}
.navbarbox_li:nth-child(1){ padding-left: 0px;}
.navbarbox_li:nth-child(2){ padding-right: 0px;}
.navbarbox_li:nth-child(2) .navbarbox_li_txt{width: 34%;}
.navbarbox_li_title{ font-size: 16px; display: block; font-weight: bold; padding-bottom: 10px;}
.navbarbox_li_txt{width: 33.3333333333%; float: left;}
.panli_nav_menu>li#shipclassli:hover .arrowDG_menu{ display:block;}
.arrowDG_menu>li:hover .subcat{ display:block;}
.top_nav .navbarbox_li_txt a{color: #333; overflow: hidden; line-height:24px; padding:10px 0px; font-size: 14px;}
.top_nav .navbarbox_li_txt img{margin-right: 8px; float: left; height: 24px;}
.top_nav .navbarbox_li_txt a:hover{color: #dfad66;}


.top_right{float:right; position:absolute; right:0px; top:0px; display:none;}
.top_right_padding{ width: 48px; height: 48px; margin:24px 5px; display: inline-block; border-radius: 100%; background: #fff; border: #ccc solid 1px;}
.top_right_search{display:inline-block; background:url(../images/Search_icon.png) center center no-repeat; background-size:20px  auto ; float:left; cursor:pointer; position:relative;}
.top_right_qr{display:inline-block; background:url(../images/qr2.png) center center no-repeat; background-size:20px  auto ; float:left; cursor:pointer; position:relative;}
.top_right_tel{display:inline-block; background:url(../images/tel_icon.png) center center no-repeat; background-size:20px  auto ; float:left; cursor:pointer; position:relative;}
.top_right_qr_box{position: absolute; top:71px; width:180px; box-shadow:0 3px 5px rgba(0,0,0,.1); background: #fff; z-index: 9; padding: 10px; right: -70px; text-align: center; display: none;}
.top_right_qr_box b{display: block; font-size: 14px; font-weight: normal; padding: 5px 0px 3px;}
.top_right_padding:hover .top_right_qr_box{display: block;}

.top_language .layui-unselect{color: #666;}
.fixed_top .top_language .layui-form-select, .login_width_bottom .top_language .layui-form-select, .fixed .top_language .layui-form-select{ background:url(../images/cn_icon.png) 0px bottom no-repeat; height: 22px; background-size:20px auto;}
.fixed_top .top_language .layui-form-select .layui-edge, .login_width_bottom .top_language .layui-form-select .layui-edge, .fixed .top_language .layui-form-select .layui-edge{border-top-color: #333; display: none;}
.top_language{float:left;padding: 8px 15px;width:80px;padding-right: 5px;border-radius: 50px;line-height: 24px;margin:0px auto;margin-top: 25px;}
.top_language .layui-unselect{height:24px; border:none; padding:0px; color:#666; font-size:16px; background: none;}
.top_language .layui-form-select{ padding-left:30px; background:url(../images/cn_icon.png) 0px bottom no-repeat; background-size:20px auto;}
.top_language .layui-form-select .layui-edge{border-width:4px; border-top-color: #fff; margin-top:-2px; right:10px;}
.top_language .layui-form-selected .layui-edge{margin-top:-6px;}
.top_language .layui-form-select dl{ padding:0px; border:none; text-align:center; border-radius:3px;}
.top_language .layui-form-select dl{top:35px;}
.top_language .layui-form-select dl dd{color:#333; font-size:16px;}
.top_language .layui-form-select dl dd.layui-this{ background:#dfad66; color:#FFF;}


.fixed_bg .top_language .layui-form-select, .top_header.fixed .top_language .layui-form-select, .top_header.fixed_bs .top_language .layui-form-select{background:url(../images/cn_icon.png) 0px bottom no-repeat; background-size:20px auto;}
.fixed_bg .top_language .layui-unselect, .top_header.fixed .top_language .layui-unselect, .top_header.fixed_bs .top_language .layui-unselect{color: #333;}

.top.fixed_bs{background: #fff;}
.top.fixed_bs .top_logo .logo_m{display:block;}
.top.fixed_bs .top_logo .logo_p{display: none;}
.top.fixed_bs .top_nav li>a{color: #000;}


.top_right_tel .top_right_qr_box{right: -20px; width:240px; padding: 15px 0px;}
.top_right_qr_box_li{display: block; text-align: left; padding:5px 20px;}
.top_right_qr_box_li span{display: inline-block; color: #999; width:85px;}

.top_nav_Close{display:none;}
.top_nav_icon{display:none;}

.top_nav .nav_a_mobi{display:none}
.top_nav .nav_a_pc{display:inline-block}


.banner{display:block; width: 100%; padding:80px 0px 100px;}
.banner_width{display: table;width: 105%;}
.banner_left{display: table-cell; vertical-align: middle;}
.banner_left_top{font-size: 20px; font-weight: 600; padding-bottom: 10px; color:#dfad66;}
.banner_left_title{font-size: 40px;line-height: 1.3;font-weight: 700;max-width: 1000px;}
.banner_left_title b{color:#dfad66;}
.banner_left_form{padding-top: 30px;}
.banner_left_form_title{font-size:20px;}
.banner_left_txt{font-size: 20px; padding-top: 30px;}
.banner_left_form_input{padding: 10px 0px; width: 90%;}
.banner_left_form_input .input_class{background: none; height:50px; display: table; width: 100%;  border: #ddd solid 1px; vertical-align:top; border-radius:8px; transition:all .5s;}
.banner_left_form_input .input_class:focus{height: 100px; background: #fff; border-color: #dfad66;}
.banner_left_form_txt{font-weight: 600; font-size: 16px; color: #999; padding-top: 10px;}
.banner_left_form_txt a{color:#dfad66; text-decoration: underline;}
.banner_right{display: table-cell;vertical-align: middle;width: 52%;padding-left: 20px;text-align: right;}
.banner_left_form_but{padding-top: 25px;}

.home_about{padding:80px 0px 100px; position: relative; }


.title{font-size: 46px;display: block;padding:20px 0px;font-weight:bold;text-align: center;max-width: 1000px;line-height: 1.4;margin: 0px auto;}
.title b{color: #000; position: relative;  display: block;}
.title b span{color: #dfad66;}
.title_txt{font-size: 18px;color: #333;padding-top:15px;font-weight:400;margin: 0px auto;width:100%;max-width: 1240px;display: block;}
.title_txt{display: block; font-size: 24px; font-weight: 700; padding-bottom: 15px;color: #dfad66;}

.History_width{display: block; position: relative; }
.History_width .swiper-container{padding:30px 0px; cursor: grab;}
.History_li{display: block; width: 100%; padding:20px 30px; background: #fff; border-radius:15px; box-shadow:0 5px 20px rgba(0,0,0,.1); }
.History_li_date{ font-size:42px; display: block; font-family:fantasy;}
.History_li_txt{padding: 5px 0px; position: relative; padding-left:20px; font-size: 18px;}
.History_li_txt::after{position: absolute; width:6px; height: 6px; background: #000; border-radius: 100%; content: ""; left: 0px; top:15px;}
.History_li_txt span{color: #dfad66;}

.History_width .swiper-pagination{position: relative; margin-top:40px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#dfad66;}


.Ensure_content_ct_txt{padding-left:25px; position: relative; margin-bottom:20px;}
.Ensure_content_ct_txt:nth-last-child(1){margin: 0px;}
.Ensure_content_ct_txt::after{width: 8px; height: 8px; border-radius: 100%; background: #000; border-radius: 100%; content: ""; position: absolute; left: 0px; top:14px;}
.Ensure_content_ct_txt b{display: block; padding-bottom: 10px;}


.home_value{padding:50px 0px; background: #F8F8F8;}
.home_value_width{display: flow-root; padding-top: 20px;}
.home_value_li{float: left; width: 25%; text-align: center; padding: 10px;}
.home_value_li_img{display: block;}
.home_value_li_img img{height: 128px;}
.home_value_li_title{display: block;padding:25px 0px 20px;font-size: 24px;font-weight: 600;}
.home_value_li_txt{font-size: 16px;color: #666;max-width:300px;margin: 0px auto;}

.home_advantage{padding:50px 0px;}
.home_advantage_width{display: flow-root; padding-top:10px;}
.home_advantage_li{float: left; width:20%; text-align: center; padding: 15px;}
.home_advantage_li_bg{display: block; min-height:380px; box-shadow:0 0px 10px rgba(0,0,0,.1); border-radius: 10px; padding:40px 30px; overflow: hidden;}
.home_advantage_li_bg .home_value_li_img img{height: 75px;}
.home_advantage_li_bg .home_value_li_title{font-size: 20px;padding:20px 0px 10px;}
.home_advantage_li_bg .home_value_li_txt{display: block; line-height:2;}


.home_about_cooperate{padding-top: 30px;}
.home_about_cooperate .title{text-align: center;}
.cooperate_with{overflow: hidden; margin: 0px -10px;}
.cooperate_li{float: left; width: 16.6666666%;}
.cooperate_li {padding:10px;}
.cooperate_li img{box-shadow: 0 0px 6px rgb(0 0 0 / 20%); width: 100%;}

.classification_wdith{display: block; text-align: center; padding-bottom:50px;}
.classification_centent{display: inline-block; margin: 0px auto; overflow: hidden; }
.classification_li{display: inline-block; padding: 10px; float: left;}
.classification_li_ct{display: block; background: #dfad66; padding:10px 20px; border-radius: 20px; text-align: center; height: 200px; width: 200px;transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s; }
.classification_li_ct:hover{background: #18813b;}
.classification_li_img{padding:35px 0px;}
.classification_li_img img{height: 50px;}
.classification_li_txt{font-size: 24px; color: #fff; font-weight: 600;}


.home_product{overflow: hidden; margin: -10px;}
.home_product_li{ width: 20%; padding: 10px;float: left;}
.home_product_ct{display: block;text-align: center;padding:10px;background: #f5f5f5;border-radius: 0px;}
.home_product_txt{padding:10px;}
.home_product_txt span{ color: #999;}
.home_product_txt b{display: block; font-size: 18px; padding:5px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home_product_img{overflow: hidden;}
.home_product_img img{-o-transition:1s ease 0s;transition:1s ease 0s;}

.home_content{  padding:60px 0px 80px; position: relative;}

.home_content::after{animation: testalt3 18s linear infinite;
    content: "";
    position: absolute; opacity: 0.25 !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 40% 50%,var(--ui-fluid-4,#eac559),hsla(0,0%,100%,0) 30%),radial-gradient(circle at 74% 69%,var(--ui-fluid-3,#ffe8c7),hsla(0,0%,100%,0) 20%),radial-gradient(circle at 10% 33%,var(--ui-fluid-1,#f9ecda),hsla(0,0%,100%,0) 25%),radial-gradient(ellipse 122% 172%,#fff,hsla(0,0%,100%,0) 0);
    background-size: 180% 190%
}


@keyframes testalt3 {
    0% {
        background-position: 50% 80%;
        opacity: 1
    }

    10% {
        background-position: 60% 70%;
        opacity: 1
    }

    20% {
        background-position: 10% 10%;
        opacity: .8
    }

    30% {
        background-position: 10% 30%;
        opacity: 1
    }

    40% {
        background-position: 10% 40%;
        opacity: .6
    }

    50% {
        background-position: 50% 80%;
        opacity: .1
    }

    60% {
        background-position: 55% 50%;
        opacity: .4
    }

    70% {
        background-position: 60% 25%;
        opacity: 1
    }

    80% {
        background-position: 40% 12%;
        opacity: 0
    }

    90% {
        background-position: 53% 45%;
        opacity: .7
    }

    to {
        background-position: 50% 80%;
        opacity: 1
    }
}

.home_content .container{margin: 0px auto; position: relative; z-index: 2;}
.home_Solution{display: table; width: 100%; padding:70px 0px 20px;}
.home_Solution_left{display: table-cell; width: 50%;vertical-align: middle;}
.home_Solution_left img{margin:10px 0px;}
.home_Solution_right{display: table-cell;padding-left: 8%;vertical-align: middle;}
.home_Solution_txt{display: block; width: 100%;}
.home_Solution_txt:nth-last-child(1){margin: 0px; padding: 0px; border: none;}
.home_Solution_txt_img{display: block; text-align: center; vertical-align: top; padding-top:10px;}
.home_Solution_txt_img img{height: 100px;border-radius: 10px;}
.home_Solution_txt_title{ display: block; font-size: 18px; vertical-align: top; padding-left:30px;}
.home_Solution_txt_title .home_Solution_txt_b{font-size: 26px; padding:10px 0px; padding-bottom:7px; display: block; font-weight: 600; text-align: center;}
.home_Solution_txt_title .home_Solution_txt_b::after{display: none;}
.home_Solution_txt_title ul{ list-style-type: disc;}
.home_Solution_txt_title li{display: block;padding:3px 0px;padding-left: 22px;position: relative; text-align: left;}
.home_Solution_txt_title li::after{content: "";position: absolute;left: 0px;top: 14px;width: 6px;height:6px;background: #dfad66;border-radius: 100%;}

.home_Packages{display: block;}
.home_Packages_txt{display: flow-root; text-align: center; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:20px;}


.Service_table{display: block;}
.Service_table_li{width: 33.3333333%; text-align: center; float: left; padding:30px 20px;}
.Service_table_li_img{display: block;}
.Service_table_li_img img{height:110px;}
.Service_table_li_title{display: block; font-size: 20px; color: #999; padding-top: 15px;}
.Service_table_li_title b{display: block; padding-bottom: 10px; color: #000; font-size: 24px;}
 
.Ensure_content .home_Solution_left{text-align: center;}
.Ensure_content .home_Solution_right{padding: 0px;padding-right: 8%;}
.Ensure_content_txt{ text-align: left;}
.Ensure_content_txt .title{text-align: left;}
.Ensure_content_ct{font-size:22px; display: block; padding-top: 10px;}
.more_but{display: block; padding-top: 30px;}
.more_but a{font-size:18px; display: inline-block;}



.about_table{/* padding-right: 30%; */position: relative;}
.about_table_img{border-radius:30px; overflow: hidden;}
.about_table_img img{width: 100%;}
.about_table_txt{position: absolute;right:0px;top: 0px;left: 0px;display: block;align-items: center;bottom: 0px;padding: 20px;display: flex;height: auto;margin: 0px auto;width: 70%;}
.about_table_contnet{display: block;padding:30px;font-size: 20px;background: #fff;width: 100%;border-radius:20px;box-shadow:0 5px 10px rgba(0,0,0,.1);}
.about_table_title{display: block;padding-bottom:10px;font-weight: 600;color:#dfad66;text-align: center;font-size: 32px;}

.about_Group{display: block;}


.Team_width{display: table; padding:60px 0px; width: 100%; }
.Team_width_left{display: table-cell; vertical-align: middle;width:380px;}
.Team_width_txt{display: table-cell; vertical-align: middle; padding-left:5%; font-size: 24px;}


.home_news{background:url(../images/news_bg.png) center bottom no-repeat; background-size: cover;  padding:50px 0px 120px; position: relative;}
.home_brand_title{position: relative; z-index: 2; color: #fff;}
.home_brand_title .title{display: inline-block;}
.home_brand_title .title b{padding: 0px;}
.home_brand_title .title b::after{display: none;}
.home_brand_title .title_txt{font-weight: 300;}
.home_brand_title .title_more{float: right;padding-top: 25px;}
.home_brand_title .title_more .but_class{background: #18813b; color: #fff;}

.home_news_width{overflow: hidden;  position: relative; z-index: 2; padding-top: 20px;}
.home_news_li{float: left; width: 50%; padding: 12px;}
.home_news_li_ct{display: table; width: 100%; background: #fff; }
.home_news_li_img{display: table-cell;width:46%;padding-right: 20px;vertical-align: middle;}
.home_news_li_img img{width: 100%;}
.home_news_li_txt{display: table-cell; color: #999; vertical-align: middle; padding: 15px 0px; padding-right: 20px;}
.home_news_li_title{width: 100%;}
.home_news_li_txt a{font-size: 18px; font-weight: 600; width: 100%;}
.home_news_li_div{ margin: 10px 0px; font-size: 16px; height: 50px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_news_more{display: block;padding-top: 40px;text-align: center;}
.home_news_more a{display: inline-block;color:#3079FF; padding:10px 30px; border:#3079FF 1px solid; border-radius: 3px;}
.home_news_more a:hover{color:#fff ; background:#3079FF ;}

.case_img{display: block; position: relative;}
.case_img img{width: 100%;}
.case_title{display: block; font-size:26px; font-weight: 600;}
.case_title span{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px;}
.case_title b{font-size: 20px; display: block; line-height: 1;}

.home_news .more_but{text-align: center;}
.home_news .more_but a{margin: 0px auto;}
.newswidth{margin: 0px auto; overflow: hidden; padding-top: 40px; padding-bottom: 10px;}
.news_li{display: block;}
.news_li_img{overflow: hidden; display: block; border-radius: 20px;}
.news_li_date{font-size: 14px; color: #999; padding: 15px 0px 5px;}
.news_li_img a{display: block;}
.news_li_img img {
    -o-transition: 1s ease 0s;
    transition: 1s ease 0s;
    width: 100%; overflow: hidden;
}
.news_li:hover .news_li_img img {
    transform: scale(1.18);
    -o-transform: scale(1.18);
}
.news_li_title{padding: 15px 20px 0px; margin-bottom:8px; color: #333; font-size: 18px; font-weight: bold; height:75px; overflow:hidden;
	text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;}
.news_li_title a{color: #333;}
.news_li:hover .news_li_title a{color:#18813b; }
.news_li_txt{overflow:hidden; font-size: 16px; padding:0px 20px; color: #999;
	text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;}


.main{
    position: fixed; right: 10px; bottom: 30px;
    justify-content: center;
    align-items: flex-end;
    width:50px; z-index: 99999;
}
.main img{width: 100%;}
.cd-top{display: inline-block;position:relative;  opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; margin-top: 5PX;
    transition: all 0.3s;
}
.cd-top.cd-is-visible{opacity: 1;}

.Insideb_banner{padding:0px;color: #fff;position: relative;overflow: hidden;}
.Insideb_banner_txt{position: absolute;left: 0px;top: 0px;width: 100%;text-align: center;height: 100%;display: flex;justify-content:  center;align-items:  center;}
.Insideb_banner_txt_width{/* display:table-cell; *//* vertical-align: middle; *//* height: 100%; */display:  block;width: 100%;font-size:24px;}
.Insideb_banner_txt_width b{display: block; font-size:48px; padding-bottom: 20px;}

.Insideb_banner img{width: 100%;}
.Insideb_banner .title{ text-align: left; padding: 10px 0px;}
.Insideb_banner span{display: block; font-weight: 300; font-size:20px; text-transform: uppercase;}

.product_width{position: relative;  display: flex;  -webkit-box-pack: justify; justify-content: space-between; padding-bottom: 50px;}
.product_left{display: block;}
.Insideb_title{font-size: 24px; display: block; font-weight: bold; padding-bottom: 30px; display: none;}
.product_left_nav{display:inline-block; padding: 5px;}
.product_left_nav a{border-radius: 5px; border: #e0e0e0 solid 1px; display:block; font-size: 18px; font-weight: bold; padding:10px 25px;}
.product_left_nav.active a{background: #dfad66;color: #fff;border-color: #dfad66;}
.product_left_nav img{height: 20px; margin-right:15px; float: left;}

.product_right{padding:30px 0 0 40px; max-width: calc((100% - 270px));
    position: sticky;
    top: calc(0px);
    align-self: flex-start;
    flex: 0 0 calc((100% - 220px));
}
.product_right_li{display: table; width: 100%; margin-bottom: 20px;}
.product_right_li_img{display: table-cell; width: 250px; overflow: hidden; }
.product_right_li_img img{border-radius:0px; width: 100%;}
.product_right_li_txt{padding-left:40px;display: table-cell;vertical-align: middle;padding: 20px; padding-left: 30px; background: #f5f5f5;}
.product_right_li_txt_title{font-size: 24px; font-weight: bold; padding-bottom: 20px;}
.pic_li{display: inline-block; padding-right:30px;}
.product_right_li_txt_pic{font-size: 16px;}
.pic_li:nth-last-child(1){padding-right: 0px;}
.pic_li span{color: #999;}
.product_right_li_txt_ut{padding: 10px 0px; font-size: 16px;}
.product_right_li_txt_ut span{color: #999;}

.input-box form{position: relative;}
.product_right_li_txt_but{padding-top: 10px;}
.but_class_zx{background: #f5f5f5; border-color: #f5f5f5; margin-left:6px;}
.but_class_zx:hover{background: #dfad66; border-color: #dfad66;}


.Insideb_keyword{width: 100%; display: table; padding-bottom: 30px; font-size: 16px; padding-top:20px; text-align: left;}
.Insideb_keyword_txt{display:table-cell; vertical-align: top;}
.Insideb_keyword_txt a{color: #fff; padding: 0px 10px;}
.Insideb_keyword_icon{display:table-cell; vertical-align: top;width: 80px;text-align: right; }
.Insideb_keyword_icon span{cursor: pointer;font-size: 16px;}

.Service_banner_box{display: block; padding: 20px;background:rgba(0, 0, 0, 0.6); width: 100%; position: absolute; bottom: 0px; left: 0px;}
.Service_banner_box_li{display: inline-block; max-width:200px; width: 33.333333%;}
.Service_banner_box_li a{display: block; font-size: 18px; color: #fff;}
.Service_banner_box_li_img{width:40%; max-width: 60px; margin: 0px auto; margin-bottom:5px;}

.pagination{text-align: center;  display: block; margin: 0px; padding:20px 0px;}
.pagination a{padding: 0px;}
.pagination>li>a, .pagination>li>span{padding: 0px;}
.pagination ul li >a{ color:#333 !important; width: 46px; height: 46px; cursor: pointer; display: block; line-height: 46px; border-radius:3px!important; font-weight:bold; background:#FFF; border:1px solid #e0e0e0 !important;}
.pagination ul li >a.pagination_but{width: auto; padding: 0px 20px;}
.pagination ul li >span{border:1px solid #dfad66 !important;border-radius:0 !important;  font-weight:bold; color:#333 !important; width: 46px; height: 46px; cursor: pointer; display: block; line-height: 46px; border-radius:3px!important;}
.pagination ul li .fa{ font-weight:bold; font-size:18px; vertical-align:middle; line-height: 46px; display: inline-block; margin-top: -5px;}
.pagination ul li .fa-angle-left{ margin-right:10px;}
.pagination ul li .fa-angle-right{ margin-left:10px;}
.pagination ul li:hover .fa-angle-left, .pagination ul li:hover .fa-angle-right{color:#fff}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background:#dfad66; color:#FFF !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background:#dfad66;color:#FFF !important;}
.pagination > li > a, .pagination > li > span{border:none !important;}
.pagination > li{display:inline-block; margin:0 3px; vertical-align:middle;}


.position_bg{background: #f5f5f5; padding: 15px 0px;}
.position_bg a, .position_bg i{color: #999;}
.position_bg a:hover{color: #dfad66 ;}


.Productshow_width{padding:20px 0px 30px;position:relative;overflow:hidden;/* border-bottom: #e0e0e0 solid 1px; */padding-bottom: 50px;/* margin-bottom: 20px; */}
.skin_type_box_left{ width:40%; float:left; position: relative;}
.skin_type_box_left .BestSellers_li_img_icon{right: 1px; top: 1px; font-size: 16px;}
.skin_type_box_left .BestSellers_li_img_icon .BestSellers_top_icon{margin-top: 7px; width: 20px;}
.skin_type_product .swiper-slide img{ width:100%;}
.skin_type_box_left .product-show-buttom{padding:0px 40px; margin-top:10px; position:relative;}
.skin_type_box_left .skin_type_thumbs .swiper-wrapper .swiper-slide img{border: #fff solid 2px; cursor:pointer; border-radius:10px;}
.skin_type_box_left .skin_type_thumbs .swiper-wrapper .swiper-slide-thumb-active img{border: #dfad66 solid 2px;}
.skin_type_box_left .swiper-container{position: initial;}
.skin_type_box_left .swiper-button-next, .skin_type_box_left .swiper-button-prev{background:none; width:30px; height:30px; margin-top:-15px;}
.skin_type_box_left .swiper-button-white i{font-size:28px; line-height:30px;}
.skin_type_box_left .swiper-button-prev, .skin_type_box_left .swiper-container-rtl .swiper-button-next{left:0px;}
.skin_type_box_left .swiper-button-next, .skin_type_box_left .swiper-container-rtl .swiper-button-prev{right:0px;}

.product_nav_two{background: #f6f6f6; padding: 30px 0px; display: block; text-align: center; margin-top:10px;}
.product_nav_two a{padding:12px 30px; background: #fff; border-radius: 5px; margin: 0px 5px; font-size: 18px;}
.product_nav_two a.active{border: #000872 solid 1px; background: #000872; color: #fff;}

.skin_type_box__right{width: 60%;float:right;padding-top: 30px;padding-left:60px;}
.product_title{font-size: 36px; display: block;text-align: left;font-weight: bold;padding-bottom:15px;}
.Productshow_right_txt{font-size:16px;line-height: 1.8;padding:5px 0px 40px;}

.Productshow_right_ct{overflow:hidden; border-top:#e0e0e0 solid 1px}
.Productshow_right_txt{position: relative; width: 100%; display: table; font-size: 16px; padding:13px 0px;}
.Productshow_right_txt_title{display: table-cell; width:90px; vertical-align: top; color: #999;}
.Productshow_right_txt_ct{display: table-cell;vertical-align: top;}

.Productshow_right_but{overflow: hidden; border-top: #e0e0e0 solid 1px; padding-top:40px; margin-top:40px; }
.Productshow_right_but_li{width: 50%; float: left; text-align: center; padding-right: 5px;}
.Productshow_right_but_li:nth-last-child(1){padding: 0px;/* padding-left: 5px; */}
.Productshow_right_but_li a{color: #fff;background:#18813b;font-size: 20px;font-weight: bold;display: block;padding: 14px 20px;border-radius: 10px;}
.Productshow_right_but_li:nth-last-child(1) a{background: #ea5513;}

.Productshow_title{font-size: 24px; padding:35px 0px; font-weight: bold; text-align: center;}
.Productshow_parameter{overflow: hidden; margin: 0px -15px;}
.parameter_li_width{display: table; width: 100%; background: #f5f5f5;font-size: 16px; }
.parameter_li_title{display: table-cell; width: 150px; padding: 10px 15px; font-weight: bold;vertical-align: middle; border-right:3px #fff solid;}
.parameter_li_txt{display: table-cell; vertical-align: middle; padding: 10px 15px;}
.parameter_li{width: 50%; float: left; padding:0px 15px;}
.Productshow_parameter:nth-child(2n) .parameter_li_width{background: #fff;}
.Productshow_content{padding:50px 0px; border-bottom: #e0e0e0 solid 1px; margin-bottom: 20px;}
.Productshow_content img{padding: 5px 0px;}

.productshowwidth{padding-bottom:60px; padding-top: 20px;}
.application_width{width: 100%; padding-left: 0px;  padding-top:50px; display: block; max-width:initial; flex:auto}
.application_width .product_right_li_txt_title{padding-bottom: 10px;}
.application_width .product_right_li_img{width:33%;min-width: 349px;}
.application_width .product_right_li{ margin-bottom: 50px;}
.application_width .product_right_li:nth-last-child(3){/* margin-bottom: 10px; */}

.product_show_title{padding-bottom:40px;}
.product_show_title .layui-tab-title{background: #f6f6f6;}
.product_show_title .layui-tab-title li{font-size: 18px;padding: 8px 10px;height: auto;width: 12%;min-width: 120px;}
.product_show_title .layui-tab-title{height: auto;}
.product_show_title .layui-tab-title .layui-this:after{display: none;}
.product_show_title>.layui-tab-title .layui-this{background: #dfad66; color: #fff;}

.form_table{display: block; padding: 30px; background: #fff; border-radius:20px; box-shadow:0 5px 10px rgba(0,0,0,.1); text-align: left;}
.form_table_title{font-size:16px; font-weight: 600; padding-bottom: 10px;}
.form_table_title span{color: #ea5513;}
.layui-input, .layui-select, .layui-textarea{height:40px; border-radius:8px; font-size: 16px;}
.layui-input, .layui-textarea{padding-left:15px;}
.layui-form-select dl dd.layui-this{background:#dfad66;}
.form_table_li{display:flow-root; padding-bottom:10px; width: 100%;}
.form_table_txt_50{width: 50%; float: left; padding-right: 8px;}
.form_table_txt_50:nth-child(2n){float: right; padding: 0px; padding-left: 8px;}





.application_show_txt{margin:0px auto; max-width: 1200px;}
.application_show{padding: 30px 0px 20px; }
.application_show{font-size: 18px; line-height: 1.6;}
.application_show img{display: block; padding: 10px 0px;}
.application_show h2{font-size: 24px; font-weight: bold; display: block; padding: 15px 0px;}
.application_show h3{font-size:18px; font-weight: bold; display: block; padding:15px 0px;}

.border_top{border-top: #e0e0e0 solid 1px;}
.application_width_bor{padding: 30px 0px; padding-bottom: 50px;}
.application_more{display: block;/* padding-top:40px; */}
.application_more a{ display: block; text-align: center;}

.about_content{padding: 70px 0px;}
.about_content_title{font-size:20px; color: #dfad66; text-transform: uppercase; font-weight: bold; padding-bottom:30px;}
.about_content_title b{font-size:36px; display: block; padding-bottom:5px;}
.about_content_title span{display: block;}
.about_content_txt{display: table;width: 100%;/* padding-bottom: 30px; */}
.about_content_txt_img{display: table-cell; width: 50%; padding-right:30px; vertical-align: middle;}
.about_content_txt_ct{display: table-cell; width: 50%; padding-left:30px;vertical-align: middle; font-size: 18px;}
.about_content_txt_ct b{font-size: 32px;display: block;padding-bottom:5px;}
.about_content_ct{display: block;}

.culture_width{display: block; padding:40px 20px; background: #fff;}
.culture_width_img{display: block; text-align: center;}
.culture_width_img img{height:100px;}
.culture_width .home_value_li_title{padding: 25px 0px 10px;}
.culture_width .home_value_li_txt{font-size: 16px; min-height: 50px;}

.contact_width{padding: 50px 0px;}
.contact_title{font-size: 18px; color: #999; text-align: center;}
.contact_title b{font-size: 32px; display: block; color: #000; padding-bottom: 10px;}

.contact_table{overflow: hidden;margin-top: 30px; background: #f5f5f7;}
.contact_table_li{width:50%; float: left; padding: 10px;}
.contact_table_li_box{ background: #f6f6f6; padding: 30px; border-radius: 10px;}
.contact_table_li_box_title{font-size: 24px; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #e0e0e0 solid 1px;}
.contact_table_li_box_txt{display: table; width: 100%; padding:5px 0px; font-weight: bold;}
.contact_table_li_box_txt span{display: table-cell; width: 80px; color: #999; font-weight: normal;}
.contact_table_li_box_but{padding-top: 20px;}
.contact_table_li_box.active{background: #dfad66; color: #fff;}
.contact_table_li_box.active .contact_table_li_box_txt span{color: #fff;}
.contact_table_li_box.active .but_class{background: #fff; color: #dfad66;}

.contact_table_li_txt{padding:30px;}
.contact_table_name{font-size:32px; font-weight: bold; line-height: 1.4; border-bottom: #333 solid 3px; padding-bottom: 10px; margin-bottom: 10px;}
.contact_table_name span{font-size:16px; display: block; color: #dfad66;}
.contact_table_txt{display:table; padding:25px 0px; border-bottom: 1px solid #dcdcde; width: 100%;}
.contact_table_txt_icon{display:table-cell; width: 38px; vertical-align: middle;}
.contact_table_txt_icon span{display:inline-block; width: 38px; height: 38px; border-radius: 100%; overflow: hidden; border: 2px solid #1a1a1a;}
.contact_table_txt_ct{display:table-cell; padding-left: 15px; vertical-align: middle; font-size: 18px;}
.contact_table_txt_ct span{display: block; color: #666; font-size: 16px;}

.about_nav{text-align: center; padding: 30px 20px 40px; border-bottom: #ddd solid 1px;}
.about_nav .navbarbox_ul_li{border: 1px #ddd solid; border-radius: 90px; display: inline-block; font-size:18px; padding: 8px 20px; margin: 0px 5px;}
.about_nav .navbarbox_ul_li.active{background: #dfad66; color: #fff; border-color: #dfad66;}
.about_nav .navbarbox_ul_li.active a{color: #fff;}
.BMap_pop, .BMap_shadow{display: none;}
.BMap_Marker{z-index: 9999;}
.map{height: 780px;}


.news_table{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:80px; padding-top: 30px;}

.technology_ct{margin: 0px -15px; overflow: hidden; padding-top: 30px;}
.technology_ct .product_right_li{width: 50%; float: left; padding: 15px; margin: 0px;}

.certificate_table{display: block; overflow: hidden; padding:10px 0px 50px;}
.certificate_li{float: left; width: 25%; padding: 10px;}


.input-box{display: block;width: 90%;max-width: 800px;margin: 0px auto;position: relative;}
.input_class{display: block; width: 100%; padding:12px 20px; background: #fff; font-size: 16px;}
.input-box .submit_class{position: absolute; right:15px; top:50%; margin-top: -10px; background: none; border: none !important; color: #333; font-size: 18px;}
.input-box .submit_class i{font-size:20px;}
.banner_top{padding-top: 85px;}


.tracking_table{display: block; padding-top:30px;}

.tracking_table_no{display: block; padding:40px; font-size: 20px; background:url(../images/bg.png) right   bottom no-repeat #FFEEEE; background-size:30% auto ; padding-right:40%; border-radius: 10px;}
.tracking_table_id{font-weight: 600; font-size: 24px; padding-top:20px;}
.tracking_table_no .banner_left_title{padding-bottom: 20px;}

.product_list_width{position: relative;  display: flex;  -webkit-box-pack: justify; justify-content: space-between;}

.tracking_table_yes{background:#fff; padding: 0px; font-size: 18px; font-size:40px;}
.tracking_table_yes .banner_left_title{font-size: 24px;}
.tracking_table_s{padding-top: 20px;}

.tracking_table_th{display: table; width: 100%; font-size: 24px; border-bottom: #ddd solid 1px; color: #999; font-weight: 600;}
.tracking_table_td{display: table-cell; padding: 20px;}
.tracking_table_td_1{width: 50%;}
.tracking_table_tr{border-bottom: 1px solid #e5eff5;}
.tracking_table_tr .panel-defalt h3{display: table; width: 100%; border: none; font-size:18px; padding: 10px 0px;}
.tracking_table_tr .panel-defalt h3:hover{background: #fcf7e9;}
.tracking_table_tr .panel-defalt h3.active{background: #fcf7e9; color: #000;}
.tracking_table_tr .panel-defalt h3 i{position: initial; margin-left:20px;}
.Delivered_class{display: inline-block; width: 13px; height: 13px; background:#28DF66; border-radius: 100%; margin-right: 10px;}
.tracking_table_bg{display: block;}
.tracking_table_li{position: relative; display: table; width: 100%; padding-bottom: 30px; }
.tracking_table_li_date{display: table-cell; width: 200px; text-align: right; color: #666;}
.tracking_table_li_icon{position: absolute; text-align: center; left:230px; top:8px; font-weight: 600; line-height: 20px; width:20px; height: 20px; font-size:12px !important; color:#dfad66; background: #fff; border: #dfad66 solid 1px; border-radius: 100%;}
.tracking_table_li_icon i{font-size: 12px;}
.tracking_table_li::after{bottom:-8px;position: absolute;left: 240px;top: 28px;width: 1px;background: #e2d6b4;content: "";}
.tracking_table_li_txt{display: table-cell; font-size: 14px; padding-left: 80px;}
.tracking_table_li_txt b{display: block; font-size: 20px; padding-bottom:5px;}
.tracking_table_li:nth-last-child(1)::after{display: none;}
.tracking_table_li.active .tracking_table_li_icon{background: #dfad66;}
.Delivery_buttom{font-weight: 600; color: #dfad66; cursor: pointer; font-size: 16px; margin-top: 5px;}

.box{position: fixed; left: 0px; top: 0px; height: 100%;  background:rgba(0, 0, 0, 0.5); width: 100%; z-index: 999; display:none;}
.box_width{display: table; height: 100%; width: 100%; }
.box_table{display: table-cell; vertical-align: middle; text-align: center; padding: 20px;}
.box_table_centent{max-width:600px; margin: 0px auto; background: #fff; padding: 30px; width: 100%; position: relative; font-size: 16px; text-align: left;}
.box_table_title{font-size:28px; font-weight: bold; text-align: center; display: block;}
.box_table_date{display: block; font-size: 18px;}
.box_close{position: absolute; cursor: pointer; right: 15px; top: 10px;}
.box_close i{font-size:32px; font-weight: 700;}
.box_table_txt{display: block; font-size: 18px; }
.box_table_txt b{display: block; font-size: 20px; color: #0069AA; padding:20px 0px 10px;}
.box_table_ct{padding: 30px;}




.Frequently_width{max-width: 840px; margin: 0px auto; padding:20px 0px;}
.filter{display: none; padding:20px; background: #fff; font-size: 16px; }
.panel-defalt .filter ul li:nth-last-child(1){ margin-bottom: 0px;}
.panel-defalt h3{ cursor:pointer; font-size:16px; font-weight: 600; color: #000;  line-height: 26px; padding:15px 40px; padding-left: 60px; position:relative; border-bottom:1px solid #e5eff5;}
.panel-defalt h3 i{font-size:14px;line-height: 24px;position: absolute;top: 17px;right:15px;}
.panel-defalt h3.active{ background:#dfad66; color: #fff;}
.panel-defalt h3.active .layui-icon-down:before{content: "\e619"}
.panel-defalt h3.active span{background: #fff;color: #dfad66;}
.panel-defalt h3 span{width: 24px;position:absolute;left:15px;top: 16px;height: 24px;background:#dfad66;font-weight: 300;margin-right:8px;color: #fff;display: inline-block;border-radius: 4px;text-align: center;}
.panel-defalt h3 span i{font-size: 20px; line-height: 26px;}

.panel-defalt .filter{display:none;}
.panel-defalt .filter .price_line{margin:5px 0 0; display:inline-block; width:100%; text-align:right;}
.panel-defalt .filter .price_line .hr{border-top:1px solid #e0e0e0; width:100%; margin-bottom:-8px; margin-top:20px;}
.panel-defalt .filter .price_line span.left{ float:left; background:#Fff; padding-right:10px;}
.panel-defalt .filter .price_line span.right{ display:inline-block; background:#Fff; padding-left:10px;}

.panel-defalt .filter a.active{ color: #f26739;}
.panel-defalt .filter ul{margin:0;list-style:none; padding:5px 15px; background:#F8F8F8;}
.panel-defalt .panel-defalt-nav li ul{padding-left:20px;}
.panel-defalt .filter li{display: block; position: relative; line-height: 1.4}

.panel-defalt .filter h3{/* padding-left: 15px; */font-size: 16px;/* padding-right: 15px; */}
.filter li .panel-defalt{padding: 0px;}
.filter li .panel-defalt .filter li{/* padding: 5px 15px; */}
.panel-defalt h3.active{color: #fff;}
.panel-defalt li.active a{color: #fff;}
.filter li .panel-defalt .filter ul{background: #eef4fb;}

.panel-defalt .filter h3.active .fa-angle-down:before{content: "\f106";}

.panel-defalt .panel-defalt-nav h3 .fa-angle-down:before{content: "+"; font-size: 16px; font-weight: bold; }
.panel-defalt .panel-defalt-nav ul li{overflow: hidden;}
.panel-defalt .panel-defalt-nav ul li a{padding-left:18px;}
.panel-defalt .panel-defalt-nav h3{ right: auto; left: 0px; top: -1px;}

.panel-defalt .filter ul li{margin:10px 0;display:inline-block;width:100%;}
.panel-defalt .filter ul li .filter{padding-left:0px;}
.regular-radio{display:none;}
.multi-filter-wrapper .filter-price-section .range-input-group {margin:5px 0 0; overflow: hidden;}
.multi-filter-wrapper .filter-price-section .range-input-group input {width: 100%; text-align:right; border-radius:0; border-color:#e0e0e0;}
.range-input-group .range-input:before{content:"HK$"; color:#999; position:absolute; left:10px; top:50%; margin-top: -8px;}
.multi-filter-wrapper .filter-price-section .range-input-group input::-webkit-outer-spin-button, .multi-filter-wrapper .filter-price-section .range-input-group > input::-webkit-inner-spin-button {-webkit-appearance: textfield;}
.multi-filter-wrapper .filter-price-section .price-slider {margin: 25px 5px;height:4px;border-color: #f26739;}
.multi-filter-wrapper .filter-price-section .price-slider div {background-color: #f26739;}
.multi-filter-wrapper .filter-price-section .price-slider span {top:-8px; width:18px; height:18px;outline: 0;border-radius: 50%;background-color: #fff;border:3px solid #f26739;}
.multi-filter-wrapper .filter-price-section .range-input{width: 42%; position:relative; display: inline-block; float: left; border:none;}
.multi-filter-wrapper .filter-price-section .range-input-r{float:right;}
.multi-filter-wrapper .filter-price-section .to{display:inline-block; width:16%; text-align: center; line-height: 46px;}


#column_center{padding:30px 0 0 40px; max-width: calc((100% - 250px));
    position: sticky;
    top: calc(0px);
    align-self: flex-start;
    flex: 0 0 calc((100% - 250px));
}


.cooperate_title{display: block; overflow: hidden; margin: 0px -10px; padding:50px 0px;}
.cooperate_title_li{float: left; width: 33.3333333%; padding:10px; position: relative;}
.cooperate_title_li span{display: flex; align-items: center; left: 0px; top: 0px; padding: 30px 20%; font-size:30px; font-weight: bold;  position: absolute; width: 100%; height: 100%;}
.cooperate_title_li.active span{color: #fff;}
.cooperate_yxy{display: block; text-align: left; font-size: 18px;}
.cooperate_yxy .title{text-align: left; padding: 0px; padding-bottom:10px;}
.cooperate_yxy span{display: block;}
.process_width{display: block; overflow: hidden; padding: 30px 0px 60px; background:url(../images/hezuo_bg.jpg) center center no-repeat; background-size: cover;}
.process_width .title{color: #fff;}
.process_table{display: table; width: 100%; padding-top: 20px;}
.process_table_li{display: table-cell; vertical-align: middle;}
.process_table_li img{border-radius:8px;}
.process_table_icon{display: table-cell; vertical-align: middle; width: 5%; text-align: center;}
.process_table_icon i{color: #fff; opacity: .5; font-size:42px;}

.cooperation .box2 .box-c{
 padding: 60px 0px;
}
.cooperation .box2 .box-c ul{
	display: flex;
	flex-wrap: wrap;
    border: 1px solid rgba(234, 234, 234, 1);
    border-bottom: none;
    border-right: none;
	/* border-left: 1px solid rgba(234, 234, 234, 1); */
}
.cooperation .box2 .box-c li{
	width:25%;
	padding: 80px 2%;
	text-align: center;
	border-right: 1px solid rgba(234, 234, 234, 1);
	border-bottom: 1px solid rgba(234, 234, 234, 1);
}

.cooperation .box2 .box-c li .icon{
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cooperation .box2 .box-c li .icon img{
	transition: all .6s;
}
.cooperation .box2 .box-c li:hover .icon img{
	transform: rotateY(180deg);
}
.cooperation .box2 .box-c li .text-title{
	font-size: 24px;
	font-weight: 600;
	color: #191E4C;
	line-height: 33px;
	margin-top: 32px;
}
.cooperation .box2 .box-c li .line{
	width: 40px;
	height: 4px;
	background: #0077f3;
	margin-top: 40px;
	display: inline-block;
}
.cooperation .box2 .box-c li .text-des{
	font-size: 16px;
	font-weight: 400;
	color: #333;
	margin-top: 50px;
}

.cooperation .box4{
	padding: 60px 0;
	text-align: center;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.cooperation .box4 .box-c{
	width:100%;
	max-width:1200px;
	margin: 0 auto;
}
.cooperation .box4 .text-box{
	padding: 16px 36px;
	background-color: rgba(241, 243, 255, 1);
	margin:20px auto 0;
	text-align: left; max-width: inherit;
	font-size: 16px;
	line-height: 27px;
}
.cooperation .box4 .text-box .text-title{
	font-size: 18px;
}
.cooperation .box4 .form{
	margin-top: 40px;
}
.cooperation .box4 .form .input-box{
	display: flex;max-width: inherit; width: 100%;
	justify-content: space-between;
}
.cooperation .box4 .form .input-box .input{
	width: 47.11%;
	text-align: left;
	margin-bottom: 30px;
}
.cooperation .box4 .form .input-box .input.input1{
	width: 100%;
}
.cooperation .box4 .form .input-box .input-text{
	font-size: 18px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(25, 30, 76, 1);
	line-height: 25px;
}
.cooperation .box4 .form .input-box .input-text span{
	color: #F40F0F;
}
.cooperation .box4 .form .input-box input,
.cooperation .box4 .form .input-box textarea{
	height: 46px;
	outline: none;
	background: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #E9EDEF;
	display: block;
	width: 100%;
	padding: 0 15px ;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 14px;
}
.cooperation .box4 .form .input-box input:focus,
.cooperation .box4 .form .input-box textarea:focus{border-color: #0077f3;}
.cooperation .box4 .form .input-box .input.input1 textarea{
	height: 140px;
	padding: 12px;
	resize: none;
}
.cooperation .box4 .form .input-box input:-ms-input-placeholder,
.cooperation .box4 .form .input-box textarea:-ms-input-placeholder{
	color: #C1C1C1;
}
.cooperation .box4 .form .input-box input::-moz-placeholder,
.cooperation .box4 .form .input-box textarea::-moz-placeholder{
	color: #C1C1C1;
}
.cooperation .box4 .form .input-box input::-webkit-input-placeholder,
.cooperation .box4 .form .input-box textarea::-webkit-input-placeholder{
	color: #C1C1C1;
}
.cooperation .box4 .form .submit{
	width: 180px;
	margin: 10px auto 0;
}
.cooperation .box4 .form .submit button,
.cooperation .box4 .form .submit input {
  display: block;
  padding:12px; font-size: 18px;
  width: 100%; border: none !important;
  text-align: center;
  cursor: pointer;
}
@media (max-width:1200px){
    .cooperation .box2 .box-c li{
		width: 33.3333%;
		padding: 40px 3.4%;
	}
}
@media (max-width:900px){
	.cooperation .box2 .box-c li{
		width: 50%;
		padding: 40px 3.4%;
	}
	.cooperation .box2 .box-c li:nth-child(2n){
		border-right: none;
	}
	.cooperation .box2 .box-c li:nth-child(3n){
		border-right: 1px solid rgba(234, 234, 234, 1);
	}
	.cooperation .box1 li .text, .cooperation-title .title{
		font-size: 26px;
	}
	.cooperation .box2 .box-c li .text-title{
		font-size: 22px;
	}
}
@media (max-width:768px){
    .cooperation .box2 .box-c ul{border: none;}
	.cooperation .box2 .box-c li{
		width: 100%;
		border: none;
		box-shadow: 0 0 7px rgb(0 0 0 / 10%);
		margin-bottom: 20px;
	}
	.cooperation .box2 .box-c li .text-title{
		margin-top: 16px;
	}
	.cooperation .box2 .box-c li .line{
		margin-top: 20px;
	}
	.cooperation .box2 .box-c li .text-des{
		margin-top: 25px;
	}
	.cooperation .box2 .box-c li .icon img{
		max-height: 45px;
		max-width: 45px;
	}
	.cooperation .box2 .box-c li{
		padding: 20px 3.4%;
	}
	.cooperation .box1 li .text, .cooperation-title .title{
		font-size: 22px;
	}
	.cooperation .box1 li .text{
		padding-left: 6%;
	}
	.main{
		padding-top: 50px;
	}
	.cooperation .box2 .box-c li .text-title{
		font-size: 18px;
	}
	.cooperation .box4 .title{
		/* font-size: 20px; */
	}
}
@media (max-width:500px){

	.cooperation .box4 .title{
		/* font-size: 20px; */
	}
	.cooperation .box1{
		padding: 30px  0;
	}
	.cooperation-title .des{
		font-size: 16px;
		margin-top: 20px;
	}
	.cooperation .box2 .box-c{
		margin-top: 30px;
	}
	.cooperation .box2 .box-c li .text-title{
		font-size: 16px;
	}
	.cooperation .box2 .box-c li .icon img{
		max-width: 35px;
		max-height: 35px;
	}
	.cooperation .box2 .box-c li .icon{
		height: 35px;
	}
	.cooperation .box2 .box-c li .text-title{
		margin-top: 3px;
	}
	.cooperation .box2 .box-c li .line{
		margin: 0 auto;
		height: 2px;
		display: block;
	}
	.cooperation .box2 .box-c li .text-des{
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	
	.cooperation .box4{
		padding: 30px 0;
	}
	.cooperation .box4 .text-box{
		margin-top: 20px;
	}
	.cooperation .box4 .text-box{
		padding: 16px;
	}
	.cooperation .box4 .text-box{
		font-size: 16px;
	}
	.cooperation .box4 .form .input-box{
		flex-wrap: wrap;
	}
	.cooperation .box4 .form .input-box .input{
		width: 100%;
	}
	.cooperation .box4 .form .input-box .input-text{
		font-size: 16px;
	}
	.cooperation .box4 .form .input-box input, .cooperation .box4 .form .input-box textarea{
		margin-top: 6px;
	}
	.cooperation .box4 .form .input-box input, .cooperation .box4 .form .input-box textarea{
		height: 38px;
		font-size: 14px;
	}
	.cooperation .box4 .form .input-box .input{
		margin-bottom: 15px;
	}
	.cooperation .box4 .form .submit{
		/* height: 38px; */
		/* line-height: 38px; */
		font-size: 16px;
		display: block;
	}
}




.Service_width{padding: 50px 0px;}
.Service_width_tab{overflow: hidden; margin: 0px -15px;}
.Service_width_tab_li{width: 50%; padding:15px; float: left;}
.Service_width_tab_img{position: relative; overflow: hidden; border-radius: 8px; cursor: pointer;}
.Service_width_tab_img::after{position:absolute; content: ""; width:100%; height: 100%; background: #000; opacity: .5; left: 0px; top: 0px;}
.Service_width_tab_img span{position:absolute; width: 100%; z-index: 2; color: #fff; font-size:30px; font-weight: 500; left: 0px; top: 0px; height: 100%; display:flex; justify-content: center; align-items: center;}
.Service_two_tab{display: block;padding: 20px; transition: height 0.4s ease; background: #fff; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);}


.Service_news{padding-bottom: 50px; padding-top: 10px;}
.Service_width_nav{display: block; text-align: center; padding-bottom: 30px;}
.Service_width_nav_li{ padding: 0px 5px; display: inline-block; }
.Service_width_nav_li a{padding: 8px 20px; display: inline-block; font-size: 18px; border-radius:5px; border: 1px solid #d8d8d8;}
.Service_width_nav_li.active a{background: #3279f7; color: #fff; border-color: #3279f7;}
.Service_news_th{display: table; width: 100%; background: #f8f8f8;}
.Service_news_tr{display: table; width: 100%; border-bottom:#eee solid 1px;}
.Service_news_td{padding:20px; color: #999; display: table-cell; vertical-align: middle; font-size: 16px;}
.Service_news_td_1 i{font-size: 14px; color:#3279f7; position: absolute; left:20px; top:22px;}
.Service_news_tr .Service_news_td_1{position: relative; padding-left:40px;}
.Service_news_td_2{width: 120px; font-size: 14px;}
.Service_news_td_3{width: 130px; font-size: 14px;}

.foot{background:url(../images/foot_bg.png) center bottom no-repeat; background-size: cover;   }
.foot_width{padding:100px 0px 50px;overflow: hidden; display: table; width: 100%;}
.foot_width_nav{display: table-cell; vertical-align: top; padding-left: 13%;}
.foot_width_nav_li{float: left; width: 50%; min-height:150px;}
.foot_width_logo{display: table-cell; vertical-align: top; width:300px;}
.foot_width_nav_width{display: table; width: 100%;}
.foot_width_nav_title{padding-bottom: 5px; font-size: 22px; font-weight: 600;}
.foot_width_nav_title a{font-size: 22px; font-weight: 600;}
.foot_width_nav_txt{display: block; padding:5px 0px;}
.foot_width_nav_txt a{font-size: 18px;}
.foot_width_nav_li .foot_title{opacity: 1;}
.foot_width_Certified{display: table-cell; vertical-align: top; width:200px; display: none;}
.foot_width_Certified_img{display: block; padding: 10px 0px;}
.foot_width_Certified_img img{height:60px;}



.foot_bottom{border-top: 1px solid rgba(0,0,0,0.15);padding:30px 0px; text-align: center; overflow: hidden; display: block;}
.foot_bottom_left{float: left;}
.foot_bottom_right{float: right;}
.foot_bottom_txt{display:inline-block;}
.foot_bottom_txt span{padding: 0px 15px;  color: #ddd;}
.foot_bottom label{font-weight: 400;}




@media (min-width:1000px) {
    .home_news_li:nth-child(1) .home_news_li_ct{display: block;}
    .home_news_li:nth-child(1) .home_news_li_ct .home_news_li_img{width: 100%; display: block; padding: 0px;}
    .home_news_li:nth-child(1) .home_news_li_ct .home_news_li_txt{width: 100%; display: block; padding:3% 1%;}
    .home_news_li:nth-child(1) .home_news_li_ct .home_news_li_txt a{font-size: 24px;}

    .product_c .product_c_li:hover .BestSellers_li{box-shadow: 0 0px 10px rgba(0,0,0,.2);
        -webkit-box-shadow:  0 0px 10px rgba(0,0,0,.2);
        -moz-box-shadow:  0 0px 10px rgba(0,0,0,.2); -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0)}
     
}

@media (min-width:768px) {
    .home_product_ct:hover .home_product_img img{transform:scale(1.08);-o-transform:scale(1.08);}
    .home_content_ct:hover .home_content_img img{transform:scale(1.08);-o-transform:scale(1.08);}
}

@media (max-width:1180px) {
    .top_header{/* padding:0px 15px ; */}
    .top_nav li a{margin: 0px 25px; padding:30px 0px; line-height: 26px;}
    .top_logo{padding:23px 0px;}
    .top_right_padding{width: 40px; height: 40px;     background-size:18px auto;}
    .top_right_qr_box {top: 63px;}
    .banner{padding-top: 88px;}
    .top_logo .logo_p{display: none;}
    .top_logo .logo_m{display: block;}
    .top_logo img{height: 55px;}
    .top_language .layui-unselect{color: #333;}

    .title{font-size: 36px;padding: 20px 0px;}
    .title_txt{font-size:20px; }

    .classification_li_txt{font-size: 20px;}

    .banner{padding-top:70px;}
    .top_nav .nav_a_mobi{display:block}
    .top_nav .nav_a_pc{display:none}
    .top_logo{padding: 20px 0px;}
    .top_left{display: none}
    .top{background: #FFF; text-align: left;}
    .top_header .top_logo{position: relative;}
    .top_nav_icon{position:absolute;right: 95px;top: 16px;display:block;cursor:pointer;z-index: 2;}
    .top_nav_icon span{width:30px; height:3px; background:#000; display:block; margin:8px 0px; border-radius: 10px;}
    .top_nav_icon span:nth-child(2){width: 80%;}
    .top_icon .top_icon_li{display: none;}
    .top_icon{top: 5px;}
    .top.fixed .top_logo{display: inline-block; position: relative; }
    .top.fixed .top_icon{top: 1px}
    .top:after{height: 90px;}
    .top.fixed .top_nav_icon span{background:#333; }
    .top_nav li:hover .arrowDG_menu{display: block;}
    .top_nav li a{text-align: left;}
    .top_nav li a i{float: right; font-size:24px;}
    .top_nav_width{position:fixed;  top:0px; left:-100%;  height:100%;  padding:0px; width:100%; max-width: 420px; padding:20px 0px; z-index:99; opacity:1; overflow:auto;
        -webkit-transition:all .5s;
        -moz-transition:all .5s;
        -ms-transition:all .5s;
        -o-transition:all .5s;
        transform:all .5s;
    }
    .top_nav li>a{ color: #333;}
    .top_nav li{display: block; float: none;}
    .top_nav{display: block; text-align: center;}
    .top_nav li>a{display: block;}
    .top_nav li:hover>a:before{display: none;}
    .arrowDG_menu{ position: relative; height:auto; display: none; opacity:1; background: #eee!important;}

    .navbarbox_li{width: 100%; padding: 10px!important;}
    .navbarbox_li_txt{width: 50%;}
    .top_nav .navbarbox_li_txt a{font-size: 12px; line-height: 20px;}
    .top_nav .navbarbox_li_txt img{margin-right: 5px; height: 20px;}
    .navbarbox_li:nth-child(2) .navbarbox_li_txt{width: 50%;}
    .top_nav li{border-bottom: #ddd solid 1px;}
    .top_nav li a{padding:20px 0px; font-size: 18px;}
    .cor_ls{ color: #4eb6c0}
    .cor_hs{ color: #ea618b}
    .top_nav_width_logo{display: block; padding:20px 20px 15px; text-align:center;}
    .top_nav_width_logo img{width:40%;}
    .top_nav_Close{display: block;padding:5px; color: #fff; font-size: 30px; position: absolute; top: 10px; right:-40px; background: #dfad66; cursor: pointer;}
    .top_nav_Close i{font-size: 30px; }
    .top_nav_width_bg{position: absolute; padding-bottom: 10px; height: 100%; width:80%; background: #fff; z-index: 9; top: 0px; left: 0px;}
    .top_nav_width:before{background:#000; background:rgba(0, 0, 0, 0.8)!important; filter:Alpha(opacity=80); width: 100%; position: fixed; z-index:1; left: -100%; top:0px; height: 100%; content:""; display: block;}

    .top_nav_mobile{left: 0px;}
    .top_nav_mobile.top_nav_width:before{left: 0px;}

    .Inner_banner_title h1{font-size: 56px;}

    .product_width_li_ct_title h2{font-size:24px; line-height: 1.3; margin: 2px 0px;}

    .arrowDG_menu_w .arrowDG_menu{width: 100%;}

    .top_nav li{position: relative;}
    .arrowDG_menu_icon{position: absolute; right: 0px; top:6px; padding: 0px 10px; right: 10px; z-index: 2;}
    .arrowDG_menu_icon:after{ content: "+"; display: block; font-size: 30px; color:#333!important; line-height: 1.2;}
    .arrowDG_menu_w .navbarbox_ul_li a{color:#333}
    .top_nav li .arrowDG_menu_icon:hover .arrowDG_menu{ display: block;}
    .arrowDG_menu_w .navbarbox_ul_li{text-align: center;}
    .arrowDG_menu_icon_j:after{ content: "-";}
    .top_icon .top_icon_block{display: inline-block; padding:14px 5px;}
    .top_language, .top_right_user, .top_right_Collection{float: right;}
    .top_language{margin-top: 22px;line-height: 20px;padding: 2px 10px;width:65px;padding-right: 0px;}
    .top_right_padding{ margin:15px 5px;}
    .fixed_top .top_language .layui-form-select{background: url(../images/cn_icon.png) left bottom no-repeat; background-size:20px auto;}
    .top_icon{padding-right: 0px;}
    .top_language .layui-form-select{padding-left: 25px;}


}

@media (max-width:800px) {
    .top_logo{padding: 20px 0px;}
    .top_logo img{height:46px;}
    .top_nav_icon{top: 20px;}
    .top_language{margin-top: 28px;}
    .banner{padding-top: 20px; padding-bottom:60px;}
    .banner_right{display: none;}
    .banner_left_title{font-size: 52px;}
    .home_content{padding: 50px 0px;}
    .home_Solution{display: block; padding:20px 10%;}
    .home_Solution_left{display: block; width: 100%; margin: 0px auto; text-align: center;}
    .home_Solution_right{margin: 0px auto; padding: 0px; padding-top: 20px;  width: 100%; display: block;}
    .Ensure_content .home_Solution_right{margin: 0px auto; padding: 0px; padding-top: 20px;  width: 100%; display: block;}
    .Ensure_content .home_Solution{ flex-wrap: wrap; display: flex;}
    .Ensure_content .home_Solution_left{order: -1;}
    .case_title{font-size: 20px;}
    .home_news{padding: 30px 0px 80px;}
    .foot_width{display: block;}
    .foot_width_logo{display: block; text-align: center; width: 100%;} 
    .foot_width{padding: 30px 0px;}
    .foot_width_logo img{height:70px;}
    .foot_width_nav{display: block; width: 100%; padding: 0px; padding-top: 30px;}
    .foot_width_Certified_img{display: inline-block;}
    .foot_width_Certified{display: block; width: 100%;}

    .Service_table_li{width: 50%;}
    .Service_table_li_title{min-height: 175px;}

    .news_table{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:40px;}

    .banner_left{display: block; width: 100%;}
    .banner_form{display: block; width: 100%; display: block; padding: 0px; padding-top: 20px;}
    .form_table{padding: 20px;}
    .banner_form .banner_left_form_but{text-align: center; padding-top: 10px;}
}

@media (max-width:640px) {
 
    .top_logo img{height: 38px;}
    .top_header .top_header_width{width: 100%;}
    .top_header{padding: 0px 15px;}
    .top_language{margin-top: 25px;}
    .top_nav_icon{right: 85px;top: 23px;}
    .top_icon{/* padding-right:28px; */}
    .top_right_padding{width: 28px; height: 28px; margin:11px 3px; background-size: 13px auto;}
    .top_nav_icon span{width: 22px; margin: 6px 0px;}
    .top-txt-search{width: 100%;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom: 50px;}
    .top_right_qr_box{top: 42px;}
    .top_right_tel .top_right_qr_box{right: 40px; padding: 10px;}
    .top_right_qr_box{width: 130px;}
    .top_right_tel .top_right_qr_box{ font-size: 14px; width: 200px; right: -40px;}
    .top_right_qr_box_li span{width: 70px;}
    .top_right_qr_box_li{padding: 5px;}

    .classification_centent{width: 100%;}
    .classification_li{width: 50%;}

    .title{font-size:30px; padding: 20px 0px;}
    .banner{padding-top: 10px;}
    .banner_left_top{font-size: 18px; padding-bottom:15px;}
    .banner_left_title{font-size:48px;}
    .banner{padding-bottom: 50px;}
    .home_Solution{padding: 20px 5%;}
    .home_content{padding: 30px 0px;}
    .home_Solution_txt{display: block;}
    .home_Solution_txt_img{display: block;margin: 0px auto;width: 100px;padding: 0px;margin-bottom: 15px;}
    .home_Solution_txt_title .home_Solution_txt_b{font-size: 24px;}
    .home_Solution_txt_title{padding: 0px;}
    .Ensure_content_ct{font-size: 18px;}
    .banner_width{padding: 0px 5px;}
    .more_but{text-align: center;}
    .but_class{font-size: 16px;}
    .title_txt{font-size: 16px; padding: 0px ; padding-bottom: 10px;}
    .home_news_width{padding-top: 10px;}
    .foot_width_logo img{height: 50px;}
    .foot_width_nav_title{font-size: 18px;}
    .foot_width_nav_title a{font-size: 18px;}
    .foot_width_nav_txt a{font-size: 16px;}
    .foot_width_nav_li{min-height: 120px;}
    .foot_width_nav{overflow: hidden; padding:40px 3% 0px;}
    .foot_width_Certified{padding: 30px 3% 0px;}
    .foot_bottom{display: block;}
    .foot_bottom_left{display: block; width: 100%; float: none;}
    .foot_bottom_txt{display: block; padding: 10px 0px; text-align: center;}
    .foot_bottom_txt span{padding: 0px 5px;}
    .foot_bottom_txt a{font-size: 12px;}
    .foot_bottom_right{display: block; text-align: center; width: 100%; float: none;}
    .foot_width_Certified_img img{height: 60px;}

    .more_but a{font-size: 16px;}

    .main{width: 35px;}

    .about_banner_txt .banner_left_title{font-size: 28px; margin-bottom: -20px;}
    .about_table{padding: 0px;}
    .about_table_txt{position: relative; width: 100%; padding:20px; margin-top: -50px;}
    .about_table_contnet{padding:20px; font-size: 16px;}
    .about_table_title{font-size: 24px;}
    .Team_width{padding: 30px 0px; display: block;}
    .Team_width_left{display: block; width: 100%;}
    .banner_left_top{padding-bottom: 5px; font-size: 18px;}
    .banner_left_title{font-size: 32px;}
    .Team_width_txt{display: block; padding: 0px; padding-top:15px; font-size: 16px;}

    .Service_table_li_img img{height: 80px;}
    .Service_table_li{padding: 20px 10px;}
    .Service_table_li_title b{font-size: 20px;}
    .Service_table_li_title{min-height: 140px;}
    .Service_table_li_title{font-size: 16px;}
    .banner_left_txt{font-size: 16px; padding-top: 20px;}

    .news_tab{padding-top: 10px;}
    .news_table{display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:40px;}
    .news_table{padding-top: 10px;}

    .product_title{font-size: 24px; padding-bottom: 0px;}
    .Productshow_content{padding: 0px;}

    .Productshow_width{padding:0px; padding-bottom: 30px;}
    .product_right_li{display: block;}
    .Productshow_right_but{padding-top: 25px; margin-top: 20px;}
    .Productshow_right_but_li a{font-size: 16px; border-radius:5px;}
    .product_title{font-size: 24px;}
    .application_width{padding-bottom: 20px;}
    .application_width .product_right_li_img{width: 100%; min-width: initial; display: block;}
    .product_right_li_img img{border-radius:0px;}
    .product_right_li_txt{padding:20px;}
    .product_right_li_txt_title{font-size: 18px;}
    .application_width .product_right_li:nth-last-child(2){margin: initial;}
    .application_width .product_right_li{margin-bottom: 20px !important;}
    .application_show{padding-top: 20px;}

    .banner_width{width: 100%;}

    .tracking_table_no{padding:20px; font-size: 14px;}
    .tracking_table_id{font-size:18px;}

    .tracking_table_yes .banner_left_title{font-size: 18px;}
    .tracking_table_s{padding-top: 0px;}

    .tracking_table_th{font-size: 18px;}
    .tracking_table_td{padding: 10px;}
    .tracking_table_td_1{width: auto;}
    .tracking_table_td_2{width: 40%;}
    .tracking_table_tr .panel-defalt h3{font-size: 16px; display: block; padding: 15px 0px;}
    .tracking_table_tr .panel-defalt h3 .tracking_table_td{display: block; padding: 2px 10px; width: 100%;}
    .Delivered_class{width: 10px; height: 10px;}

    .tracking_table_li_icon{left: 0px;}
    .tracking_table_li::after{left: 10px;}
    .tracking_table_li{display: block;}
    .tracking_table_li_date{display: block; width: 100%; padding-left: 40px; text-align: left; font-size: 14px; padding-bottom: 10px;}
    .tracking_table_li_txt{display: block; padding-left: 40px; font-size: 14px;}
    .tracking_table_li_txt b{font-size: 16px;}
    .Delivery_buttom{font-size: 14px;}
    .tracking_table_th .tracking_table_td_2{display: none;}
    .tracking_table_tr .panel-defalt h3 i{float: right;}

    .home_Packages_txt{display: flow-root; text-align: center; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:10px;}
    .home_Solution_txt{padding: 10px 0px;}
    .home_Solution_txt_title .home_Solution_txt_b{padding-top: 0px;}
}