@font-face{font-family:"Proxima Nova Regular"; src:url('../fonts/Proxima-Nova-Regular.woff2');}
a:hover{text-decoration: none;}
body{font-size: 1rem; font-family:"Proxima Nova Regular";}
.banner_more{    position: absolute; width: 130px; height: 40px;border-radius: 4px; background: #0087e0; color: #fff;display: block; z-index: 10; bottom: 30px; right: 30px;text-align: center; line-height: 40px;}
*{font-size: 16px;}

.unit-header-search__modal-box {
    position: absolute;
    width: 100%;
    z-index: 10;
}
.unit-header-search__modal {
    color: #333;
    position: absolute;    width: 100%;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    z-index: 11;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .3s, opacity .3s;
}
.unit-header-search__modal-box .unit-header-search__modal {
    padding: 40px 0;
}

.unit-header-search__modal-box .unit-header-search__modal {
    position: unset;
    padding: 15px 0;
    box-shadow: unset; display:none;
    border-top: 1px solid #e8e8e8;
}
.unit-header-search__modal.show {
    height: auto;
    opacity: 1;
    overflow: initial;
}
.unit-header-search__content {
    width: 800px;
    margin: 40px auto;

}
.unit-header-search__modal-box .unit-header-search__modal .unit-header-search__content {
    margin: 0 auto;     overflow: hidden;
}

.unit-header-search__content form{
    display: flex;
    align-items: center;
    padding: 8px 15px;
    border-radius: 24px;
    border: 1px solid #e5e5e5;
    width: calc(100% - 20px);
    margin: 15px auto;
   
}
.unit-header-search__modal-btn {
    font-weight: 700;
    opacity: .8;
    cursor: pointer;
}
.unit-header-search__modal-input {
    font-size: 14px;
    padding-left: 0;
    border: 0;
}
.yy_qh{width:100px; border:solid 1px #eee; background:rgba(255,255,255,0.8); position: absolute; z-index: 10; left: -30px; top:40px; display:none}
.unit-header-language__title{position: relative;}
.unit-header-language__title:hover .yy_qh{display:block}
.yy_qh a{display:block; color:#333; padding:5px 15px; text-align:center}
.yy_qh a:hover{color:#0087e0}
.unit-header-search__modal .form-control {
    display: block;
    padding: 0.375rem 0.75rem !important;  transition: background-color .6s;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    border: 1px solid #ced4da;
    border-radius: 0.25rem; border:0;
    background-color: #fff;
    background-clip: padding-box;
    color: #495057;box-shadow: inherit;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.unit-header-search__content form input:focus{box-shadow: inherit;}
@media (min-width: 1024px){
  .unit-header-search__content {
      width: 800px;
      margin: 40px auto;
      
  }
}
.base-image__img{width: 108px; padding: 15px; padding-left: 0; border-right: solid 1px rgba(102, 102, 102, 0.16); margin-right: 15px; float: left;}
.logo{padding: 15px;}
.logo p{  font-size: 16px;  line-height: 1.8; font-family: "Proxima Nova Regular"; padding: 0px;
    --border-size: 0px;
    --color-inside: #000;
    --font-fixed: rgba(102, 102, 102, 1);
    --font-fixed-inside: rgba(102, 102, 102, 1);
    --header-bg: #fff;
    --header-bg-fixed: rgba(255, 255, 255, 1);
    --header-bg-fixed-inside: rgba(255, 255, 255, 1);
    --header-bg-inside: #fff;
    --reset-bd: 1;
    border-bottom-color: rgba(102, 102, 102, 0.11);
    border-bottom-style: none;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    color: rgba(102, 102, 102, 1); max-width: 458px;}
nav.navbar.bootsnav{border: 0}
nav.navbar.bootsnav ul.nav > li > a{    font-size: 16px;
    text-transform: capitalize; font-weight: normal;
    font-family: "Proxima Nova SemiBold"; padding: 14px 15px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{font-family: "Proxima Nova Light";}
.navbar-collapse{padding: 0}
.unit-social-list__icon{width: 30px; height: 30px; background: #0070ba; border-radius: 50%; text-align: center; line-height: 30px;}
.unit-social-list__icon {
    --social-icon: var(--main-color);
    --social-icon-active: rgba(79, 175, 69, 1);
    border-radius: 50%;
    color: rgba(255, 255, 255, 1);
}
.navbar-nav{margin: 0 -15px;}
.unit-social-list__icon:hover{background: #0087e0}
.unit-social-list__item{padding: 5px; float: left;}
.foot_flows .unit-social-list{display:block}
.unit-header-language__title,.unit-header-search__btn{padding: 10px;}
.banner{position: relative;}
.ban_txt{
    padding-top: 160px; position: absolute; text-align: center; left: 0; right: 0; margin: auto;
}
.unit-social-list {
    display: flex;
}
.ban_txt h3{    font-size: 2.2vw; line-height: 1.2;  font-weight: bold;   color: rgba(71, 84, 63, 1);    text-transform: uppercase; font-family: 'Anton', sans-serif; padding-left: 8vw;    padding-right: 8vw;}
.header-position{ top: 0; width: 100%; z-index: 10; background: #fff}
.header-positions{position: fixed;}
.ban_txt p{    font-size: 18px;  font-family: "Proxima Nova Regular";     padding-bottom: 1vw;   padding-left: 15vw;  padding-right: 15vw;     color: rgba(79, 100, 83, 0.83);}
.btn {
    padding: 8px 25px 8px 25px;
    --button-type: 0;
    background: #0087e0;
    background-color: #0087e0;
    border-bottom-color: #0087e0);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #0087e0;
    border-left-style: solid;
    border-left-width: 1px;
    border-radius: 4px;
    border-right-color: #0087e0;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #0087e0;
    border-top-style: solid;
    border-top-width: 1px;
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: "Proxima Nova Regular";
}
.base-button__inner{
    font-size: 14px;
    padding-bottom: 11px;
    padding-top: 11px;
}
.base-button__inner:hover{color: #fff}
.banner{border-bottom: solid 12px #000}
.leibie{position: relative;}
.leibie img{width: 100%; transition: all 0.5s}
.leibie .wenzi{padding: 5% 3%;position: absolute; z-index: 1;}
.leibie p{color: rgba(51, 51, 51, 1);
    margin-top: 0px;
    padding-left: 0.1vw;
    padding-top: 1vw; line-height: 1.2;
    width: 100%; font-size: 2.1vw; text-transform: uppercase;
    font-family: 'Anton', sans-serif; }
.lb_img{overflow: hidden; border-radius: 20px;}
.category{padding-bottom: 3vw; padding-top: 5vw}
.leibie:hover img{ transform: scale(1.1);}
.lb_img2{width: 32.333%; height: auto; border-radius: 6px; overflow: hidden;}
.lb_img2 img{width: 100%; transition: all 0.5s}
.lb_li a{display: flex; flex-wrap: wrap; align-items: center;}
.lb_li{padding: 0.3vw 0; border-bottom: solid 1px #ddd}
.lb_li:first-child{padding-top: 0}
.lb_li:last-child{border-bottom: 0}
.lb_li p{padding-left: 1vw; width: 66.666%;     color: rgba(70, 70, 70, 1); font-size: 18px; line-height: 1.5; text-transform: capitalize;    font-family: 'Anton', sans-serif}
.lb_li:hover img{transform: scale(1.1);}
.home_tit{text-align: center;}
.home_tit h2{padding: 0; margin: 0; padding: 10px 0; text-transform: uppercase; font-size: 16px; line-height: 1.7; letter-spacing: 0.3em; font-weight: normal; color: #0087e0}
.home_tit h1{padding: 0; margin: 0; padding: 10px 0; font-family: 'Anton', sans-serif; color: rgba(51, 51, 51, 1); line-height: 1.2; font-size: 2.1vw;   text-transform: uppercase;}
.home_tit p{padding: 10px 0; font-size: 16px;  padding: 10px 0 ; padding-bottom: 1.5vw; color: rgba(102, 102, 102, 1); line-height: 1.8}
.home_proyd p{font-size: 18px; font-family: 'Anton', sans-serif; text-align: center; line-height: 1.8; color: rgba(51, 51, 51, 1); padding-top: 10px;}
.home_proyd{padding-bottom: 60px}
.home_proyd a img{transition: all 0.5s}
.home_proyd a:hover img{transform: scale(1.1);}
.home_proyd .img{overflow: hidden;     border-radius: 10px;}
.home_pro{padding-bottom: 5vw;}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #0087e0;
}
.home_tit .service_p{text-align: left;}
.service_icon{margin: 0 -5px; display: flex; flex-wrap: wrap;}
.icon-item{width: 33.33%; padding: 5px;}
.home_service{background: #d9e8f8; padding: 4vw 0}
.item_bg{background: #d9e8f8; border-radius: 10px; overflow: hidden;     padding: 2vw 1vw 2vw 2vw; display: flex; align-items: center;}
.item_bg .base-image__img{width: 50px; border: 0; padding: 0;     color:#0087e0; transition: all 0.5s}
.item_bg:hover .base-image__img{transform: scale(1.1);}
.unit-list__title{font-size: 18px; line-height: 1.8; font-family: 'Anton', sans-serif; }
.unit-list__title a{color: #444}
svg {
  fill: #0087e0;
}
.ipack_list{background: #d9e8f8; border-radius: 10px; overflow: hidden;}
.ipack_list2{padding: 10px 1vw}
.ipack_list .row{display: flex; align-items: center;}
.ipack_list2 .ipack_li:first-child{border-bottom: solid 1px #ccc}
.ipack_li{padding: 15px;}
.xuhao{font-size: 32px; font-family: 'Anton', sans-serif;  color:#0087e0}
.ipack_li h3{font-size: 18px; line-height: 1.8;font-family: 'Anton', sans-serif; margin: 0}
.ipack_li p{font-size: 16px; color: rgba(102, 102, 102, 1); line-height: 1.8; margin: 0.5vw 0; font-family: "Proxima Nova Light";}
.padding0{padding: 0}
.ipack{padding: 3vw 0 5vw 0}
.packaging{padding: 8vw 0; background: url(../images/aboutbanner.jpg) no-repeat ;     background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;     background-attachment: fixed;}
.pad10{padding: 0 10vw}
.packaging h3{font-size: 2.4vw; font-family: 'Anton', sans-serif; color: #fff; text-align: center; text-transform: uppercase; line-height: 1.2}
.packaging p{color: rgba(255, 255, 255, 0.79);; line-height: 1.8; font-size: 16px;}
.company_home {padding-bottom: 4vw; padding-top: 5vw;}
.unit-text-4__wrapper{font-size: 16px; line-height: 1.7; color: #0087e0; letter-spacing: 0.3em; text-transform: uppercase; padding: 10px 0}
.introduction{font-size: 2.1vw; line-height: 1.2;  font-family: 'Anton', sans-serif; text-transform: uppercase; color: #444; padding-bottom: 10px;}
.cell-has-list p{font-size: 16px; line-height: 1.8; color: rgba(102, 102, 102, 1); padding-right: 2.4vw; font-family: "Proxima Nova Light";}
.line{padding: 15px 0}
.company_list{display: flex; flex-wrap: wrap; margin: 0 -0.8vw}
.company_li{width: 50%; padding: 0.8vw;}
.company_li .base-image__img{border: 0; width: 30px; padding: 0; transition: all 0.5s}
.company_li:hover .base-image__img{transform: scale(1.1);}
.company_li svg{width: 30px; fill: #0087e0; color: #0087e0}
.company_li p{font-family: 'Anton', sans-serif; color: #555}
.company_csl{padding-left: 2vw; border-left: solid 1px #ddd}
.company_cs{display: flex; flex-wrap: wrap;}
.company_cs .canshu_li{width: 50%;  padding: 0.8vw}
.canshu_li num{    font-size: 3.3vw;     margin-top: 1vw; color: #0087e0}
.unit-list__subtitle{margin: 0.5vw 0;     padding-left: 1vw;   padding-top: 2.2vw; font-size: 16px; color: #666}
.text_ellipsis{font-size: 16px; color: #666; line-height: 1.8; margin: 0.5vw 0}
.canshu_li2{  border-bottom: solid 1px rgba(102, 102, 102, 0.25); padding: 0px 1vw 2vw 1vw;}
.pt1{padding-top: 1vw}
.hezuo_home .home_tit .service_p {
    text-align: left;
    padding-right: 0;
}
.hz_list{display: flex; flex-wrap: wrap;}
.hz_img{ padding: 4px;   max-width: calc(100% / 7);
    -ms-flex: 0 0 calc(100% / 7);
    flex: 0 0 calc(100% / 7);
}
.hz_img img{width: 100%; transition: all 0.5s}
.hz_img > div{overflow: hidden;}
.hz_img:hover img{transform: scale(1.05);}
.new_design{padding: 4vw 0}
.nh_li{overflow: hidden; border-radius: 10px;}
.news_home{padding: 4vw 0; background: #d9e8f8;}
.news_txt{background: #fff; padding: 8% 4%;}
.news_txt p{margin: 0.5vw 0; font-size: 16px; line-height: 1.8;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: normal;
    word-break: break-word; color: #666}
.news_txt .unit-list__title{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; height:57.6px;
    -webkit-box-orient: vertical;
    overflow-wrap: normal;
    word-break: break-word; }
.news_txt .unit-list__title a{padding:0; margin:0}
.unit-list__date{font-size: 16px; color: #999}
.newh_list .swiper{padding-bottom: 60px;}
.unit-form{padding: 0 14vw}
.form-row .row{margin: 0 -30px;}
.liuyan{padding: 5vw 0;  background: url(../images/liuyanbanner.jpg); background-size: cover;  background-attachment: fixed;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;}

.nh_li a{display: block; overflow: hidden;     }
.nh_li img{transition: all 0.5s}
.nh_li:hover img{ transform: scale(1.05);}
.nh_li:hover .unit-list__title a{color: #0087e0}

footer{padding-top: 4vw; padding-bottom: 0; background: url(../images/foot_bg.jpg) no-repeat center center ; background-size: auto; background-color: #0087e0; min-height: 800px}
.why_con .alr{text-align: right;}
.why_con{font-size: 16px; line-height: 1.8; padding: 10px 0;color: #fff}
.foot_top{padding: 10px 0}
.foot_emial img{display: block; margin-top: 20px;}
.foot_emial a{font-size: 2.4vw; color: #fff; font-weight: bold;}
.foot_emial{ width: 50%}
.foot_emial:hover a{color: #fff}
.foot_top{display: flex; flex-wrap: wrap; border-bottom: solid 1px rgba(255,255,255,0.2)}
.foot_flows{width: 50%;     display: flex;    justify-content: flex-end;}
.foot_flows .unit-social-list__icon{background: none; border: solid 1px #fff; line-height: 28px; color: #fff}
.foot_flows .unit-social-list__icon:hover{background: #0087e0;}
.footli1 > img{width: 40%; margin: 10px 0}
.footli1{padding-right: 7vw}
.foot_xx{padding-top: 15px; padding-bottom: 0vw;}
.footli1 p{font-size: 16px; line-height: 1.5; padding: 10px 0; color: #fff}
.foot_icon{display: flex; flex-wrap: wrap; margin: 0 -5px;}
.icon_f{width: 25%; padding: 5px;}
.icon_f > div{overflow: hidden; background: rgba(255, 255, 255, 0.17); border-radius: 2px;}
.icon_f img{width: 100%; transition: all 0.5s}
.icon_f:hover img{transform: scale(1.1);}
.nav_f dt{font-size: 18px; line-height: 1.8; color: #fff; font-family: 'Anton', sans-serif; font-weight: normal; padding: 10px 0 1vw 0}
.nav_f dd,.nav_f dd a{font-size: 16px; line-height: 2em; color: #fff;}
.nav_f .erji{padding-left: 10px;}
.nav_f dd a:hover{color: #fff}
.foot_xx .col-sm-2{padding: 0 0px;}
.copyright{text-align: center; padding: 25px 0;color: #fff; opacity: 1; font-size: 16px;}
.copyright a{color: #fff}
.copyright .sitemap{color: #fff}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{border-top: solid 5px #0087e0;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{content: "\e859"; font-family: "iconfont" !important;}

.pagi {
  line-height: 100%; text-align: center; 
}
.pagi a {
  display: inline-block; min-width: 34px; margin: 0 3px; background: #fff; padding: 10px; font-size: 1.4rem; color: #666; border: #eee 1px solid; cursor: pointer; vertical-align: middle
}
.pagi a:last-child {
  border-right: #eee 1px solid
}
.pagi a.on {
  background: #0271fc; color: #fff;
}


@media(max-width: 998px) {
    .ipack_list .row{display: block;}
    .lb_li a{display: block;}
    .lb_list{display: flex; flex-wrap: wrap;}
    .lb_li{width: 50%; margin: 15px 0; padding: 0 5px; border-bottom: 0}
    .lb_img2{width: 100%}
    .nh_li img,.lb_li p{width: 100%}
    .company_cs .canshu_li,.company_li,.icon-item{width: 100%}
    .foot_xx .col-sm-2{padding: 0 15px}
    .foot_emial a{font-size: 20px;}
    .leibie p{font-size: 24px;}
}