:root {
    /*--main-color: #d17474;*/
    /*--main-color: #1f9191;*/
    --main-color: #0b6eac;
    --hover-color: #0b6eac;
}


body {
    font-family: Calibri;
}

a:hover{text-decoration: none;}
a:visited{text-decoration: none;}
a:link{text-decoration:none; }  /* 指正常的未被访问过的链接*/
a:active{text-decoration:none;}/* 指正在点的链接*/
a{
    color: #666;
    text-decoration: none;
    outline: none;
}
ul,li{list-style: none;padding: 0;margin: 0;}

@font-face{
    /*font-family: 'Poppins-Regular';*/
    /*src : url('../font/Poppins-Regular.ttf');*/
}

@media screen and (min-width:1500px){
    /*.container{width: 1280px;}*/
    .container{width: 80%;}

}

@media screen and (min-width:1200px){
    .product-item-pic img {height: 252.5px;}

    .footer-logo img{width: 200px;}

}

.btn-success{background-color: var(--hover-color);}

.container-fluid {
     padding-right: 0;
     padding-left: 0;
     margin-right: 0;
     margin-left: 0;
}

.yj-bg-image{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.trans {
    -webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.header{position: fixed;top: 0;left: 0;right: 0;z-index: 9999;background-color: #fff;box-shadow: 0 0 10px #1f9191;}
.header-logo-wrap{width: auto;margin-right: 30px;float: left;}
.header-logo{display: flex;align-items: center;height: 136px;}
.header-logo img{max-height: 100px;max-width: 100%;}
.header-contact{display: flex;align-items: center;justify-content: flex-end;}
.header-contact-item{display: flex;height: 36px;align-items: center;margin-left: 20px;}
.header-contact-item img{ width: 20px;height: 20px;margin-right: 6px;}
.nav{float: right;}
.nav .nav-item{display: inline-block;margin: 0 20px;position: relative;z-index: 100;}
.nav .nav-item:hover .nav-name{font-weight: bolder;}
.nav .nav-item:hover:after{content: ''; width: 18px; height: 2px; background: var(--hover-color); position: absolute; left: 50%; transform: translateX(-50%); bottom: 25px;}
.nav .nav-item a{line-height: 100px;font-size: 20px;color: #111;text-transform: uppercase;position: relative;}
.nav .nav-item .nav-item-subs{z-index: 999; width: 200px;background-color: #fff;position: absolute;top: 75%;left: 50%;transform: translate(-50%,0);box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 9px 30px;box-sizing: border-box;opacity: 0;border-radius: 3px;pointer-events: none;text-align: left;}
.nav .nav-item .nav-item-subs a{line-height: 36px;font-size: 14px;text-transform: capitalize;font-weight: bold;height: 36px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.nav .nav-item:hover .nav-item-subs{opacity: 1; pointer-events: auto;}
.nav-language{display: inline-block;line-height: 100px;margin-left: 20px;position: relative;}
.nav-language img{width: 20px;height: 20px;display: inline-block;}
.language-container{display: none; position: absolute;border: 1px solid #ccc;background-color: #f7f7f7;top:80px;left: -50px;border-radius: 2px;}
.language-wrap{display: flex;width: 120px;flex-direction: column;}
.language-item{display: flex;align-items: center;height: 45px;padding-left: 10px;}
.language-wrap .language-item a{width: 100%;line-height: 100%;}
.nav-search{display: inline-block;line-height: 100px;margin-left: 20px;}
.nav-search img{width: 20px;height: 20px;}
.shang{position: absolute;top: -20px;left: 50px;width: 20px;height: 20px;}
.shang img{width: 20px;height: 20px;}
.nav-language:hover .language-container{display:block; transition: 0s;}
.language-container:hover{display:block; transition: 0s;}
.mobile-header-menu{display: none;}
.header-blank{width: 100%;height: 136px;background-color: #fff;}




.footer{}
.footer-start{background-color: #F3F4F6;padding: 20px 0 0;}
.footer-function{display: flex;flex: 1;padding: 20px 0;}
.footer-center{align-items: center;justify-content: center;display: flex;}
.footer-logo{display: flex;flex:1;align-items: center;}
.footer-search{padding: 20px 30px;display: flex;flex: 1;flex-direction: column;}
.footer-search-form{}
.footer-search-wrap{display: flex; width: 100%;border: 1px solid #666666;border-radius: 100px;padding: 0 10px;background-color: #fff;}
.footer-search-input{display: flex;flex: 1;}
.footer-search-input input{height: 36px;width: 100%;border: 0;border-radius: 100px;}
.footer-search-input input:focus{outline: none;}
.footer-search-icon{display: flex;width: 30px;justify-content: center;align-items: center;cursor: pointer; }
.footer-search-icon img{width: 20px;height: 20px;}
.footer-search-history{margin-top: 10px;font-size: 13px;color:#383838;}
.footer-search-history a{margin-left: 10px;}
.footer-link{display: flex;align-items: center;justify-content: center;}
.footer-link a{margin-right: 5px;}
.footer-link img{width: 35px;height: 35px;}
.footer-link-a{position: relative;}
.footer-link-ercode{ display: none; position: absolute;top: -230px;width: 200px !important;height: 200px !important;left: 0;border: 2px solid #fff;border-radius: 6px;}
.footer-link-remark{ display: none; position: absolute;top: -70px;left: 0;border: 2px solid #fff;width: 200px;text-align: center; border-radius: 6px;padding: 15px;background-color: #fff;color: #222222;}
.footer-link-a:hover .footer-link-ercode{display: block;}
.footer-link-a:hover .footer-link-remark{display: block;}
.footer-menu{padding: 20px 0 0;}
.footer-contact{}
.footer-contact-label{font-weight: bold;margin-bottom: 10px;font-size: 20px;color:var(--main-color);}
.footer-contact-info{margin-bottom: 20px;color:var(--main-color);font-size: 18px;}
.footer-nav{}
.footer-nav-label{font-weight: bold;margin-bottom: 10px;font-size: 20px;color:var(--main-color);}
.footer-nav-item{margin-bottom: 8px;}
.footer-nav-item a{font-size: 18px;}
.footer-product{}
.footer-product-label{font-weight: bold;margin-bottom: 10px;font-size: 20px;color:var(--main-color);}
.footer-product-item{margin-bottom: 8px;color:var(--main-color);}
.footer-product-item a{font-size: 18px;}
.footer-review{}
.footer-review-label{font-weight: bold;margin-bottom: 10px;font-size: 20px;color:var(--main-color);}
.footer-review-form{}
.footer-review-form-item{display: flex;flex: 1;margin-bottom: 8px;}
.footer-review-form-item-label{display: flex;width: 100px;color:var(--main-color);font-size: 18px;}
.footer-review-form-item-input{display: flex;flex: 1;}
.footer-review-form-item-input input{width: 100%;}
.footer-review-form-item-input textarea{width: 100%;}
.footer-end{padding: 20px 0;background-color: #1f9191;color:var(--main-color);font-size: 15px;text-align: center;}
.footer-end a{font-size: 15px;color:var(--main-color);}

/* 面包屑导航 */
.bread-crumb{background-color: #f5f5f5;}
.breadcrumb{padding: 15px 0;margin-bottom: 0;text-align: left;}
.breadcrumb > li + li:before {
    color: var(--hover-color);
}

/* 橱窗图 */
.window-figure{display: flex;align-items: center;justify-content: center;height: 400px;position: relative;}
.window-figure-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.window-figure-bg img{width: 100%;height: 100%;}
.window-figure-title{color: var(--hover-color);font-size: 46px;font-weight: 600;text-align: left;}
.window-figure-title span{font-size: 24px;margin-left: 20px;border-left: 1px solid #56b8ee;padding-left: 20px;font-weight: 300;text-transform: capitalize;color: var(--hover-color);}
.window-figure-desc{color: var(--hover-color);font-size: 18px;margin-top: 10px;font-weight: 300;text-align: left;}