@font-face {font-family: 'gothambold';  src: url(/static/theme/css/Condensed/gothambold.eot);
    src: url(/static/theme/css/Condensed/gothambold.eot) format('embedded-opentype'), /* IE6-IE8 */
    url(/static/theme/css/Condensed/gothambold.woff) format('woff'), /* chrome&&firefox */
    url(/static/theme/css/Condensed/gothambold.ttf) format('truetype') /* chrome&&firefox&&Opera&&safari, Android, iOS 4.2+*/}

@font-face {font-family: 'Rajdhani'; font-style: normal; font-weight: 300; font-display: swap;
    src: url(/static/theme/css/font/Rajdhani/Rajdhani-Bold.ttf) format('woff');}

:root{--main_color:#b35c2a; --sec_color:#d8261c;}
*{padding: 0; margin: 0;}
a{text-decoration: none;}
body{background-color: #eee;}
.center{width: 94%; margin: auto; min-width: 1280px; max-width: 1600px;}

.nav{transition: all 0.5s ease; position: fixed; height: 70px; color: #fff; width: 100%; z-index: 99;}
.nav:hover{background-color: #fff !important; color: #333 !important;}
.nav:hover .tit i{background-color: var(--main_color) !important;}
.nav:hover .line{background-color: var(--main_color) !important;}

.nav .nav_logo{float: left; margin-top: 15px; max-height: 40px;}
.nav .nav_a{display: inline-block; position: relative; margin: 0 30px;}

.nav .nav_a .tit{position:relative; height: 68px; line-height: 68px; overflow: hidden; font-size: 16px; cursor: pointer; font-family: 'gothambold';}
.nav .nav_a .tit i{transition: all 0.3s ease; position: absolute; width: 10px; height: 10px; background-color: #fff; left: 50%; margin-left: -5px; bottom: -12px; transform: rotate(45deg); content: '';}
.nav .nav_a .line{transition: all 0.3s ease; width:0; margin: auto; height: 2px; background-color: #fff;}
.nav .nav_a:hover{color: var(--main_color) !important;}
.nav .nav_a:hover .tit i{bottom: -5px;}
.nav .nav_a:hover .line{width: 100%;}

.nav_product, .nav_news{transition: all 0.3s ease; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 5px 16px 0 rgba(0,0,0,.4);
    position:absolute; background-color: rgba(179,92,42,.9); font-size: 14px; font-weight: normal; line-height: 24px; color: #fff; height: 0; letter-spacing: 1px; overflow: hidden;}

.nav_news{width: 380%; margin-left: -140%;}
.nav_news a{text-align: center;}
.nav_product{width: 380%; margin-left: -140%;}
.nav_product a{text-align: center;}

.nav .nav_a a{transition: all 0.3s ease; display:block; padding: 6px; color: #fff; border-bottom: 1px dashed rgba(255,255,255,.2);}
.nav .nav_a a:hover{background-color: rgba(255,255,255,.2)}

/*多语言切换*/
.nav .nav_s{transition: all 0.5s ease; float:right; width: 120px; height: 36px; overflow: hidden; padding: 1px 15px 1px 8px; border-radius: 10px; margin-top: 17px; margin-left: 20px; background-color: #0C0C0C; color: #aaaaaa; line-height: 34px;}
.nav .nav_s a{color: #aaaaaa; cursor: pointer;}
.nav .nav_s .layui-icon-up{transition: all 0.5s ease; float:right; margin-top: 1px;}
.nav .nav_s:hover .layui-icon-up{transform: rotate(180deg);}

/*购物车与搜索按钮*/
.nav .nav_cart, .layui-icon-search{transition: all 0.2s; float:right; margin: 25px 10px 0; font-size: 18px; cursor: pointer;}
.nav .nav_cart:hover, .layui-icon-search:hover{transform: scale(1.4); color: var(--main_color);}

.main_nav{min-width: 1280px; height: 30px; line-height: 30px; padding: 8px 0; font-size: 16px; color: #666666; background-color: #eeeeee; border-bottom: 1px solid #cccccc;}
.main_nav i{color: #999999;}
.main_nav a{color: #666666; padding: 0 10px;}
.main_nav a:hover{color:#333333;}

.main_nav .sub_cate{transition: all 0.5s ease; float: right; margin-left: 20px; padding: 0 15px; border-radius: 8px; background-color: #ffffff; font-size: 16px; color: #666666;}
.main_nav .sub_cate.li_on, .main_nav .sub_cate:hover{ background-color: var(--main_color); color: #ffffff;}

.detail_nav{padding-top: 20px; height: 100px;}
.detail_nav_box{font-size: 18px; color: #999999; padding-top: 40px;}
.detail_nav_box a{color: #999999; padding: 0 10px;}
.detail_nav_box a:hover{color: #666666;}

.foot{min-width: 680px; padding-left: 600px; background: url("/static/img/foot_bg3.gif") left no-repeat #222; color: #ffffff; line-height: 30px; font-size: 14px; height: 500px; padding-top: 80px; overflow: hidden; letter-spacing: 1px;}
.foot a{color: #ffffff;}
.foot a:hover{text-decoration: underline;}
.foot .tit{font-size: 28px; font-weight: bold; color: #ffffff; margin-bottom: 20px;}

.foot .qrcode{padding-top: 30px;}
.foot .qrcode > div{float:left; width: 110px; margin-right: 30px; text-align: center;}
.foot .qrcode > div img{width: 100px; border: 2px solid #fff; border-radius: 5px; margin-bottom: 5px;}

.foot .media i{transition: all 0.2s ease; margin-right: 30px; font-size: 24px; cursor: pointer; color: #666;}
.foot .media i:hover{color: #fff;}

.kefu_div{position: fixed; width: 280px; font-size: 16px; letter-spacing: 1px; border-radius: 10px; bottom: 250px; right: 30px; z-index: 99; box-shadow: 0 0 15px #888888; display: none;}
.kefu_div > div{padding: 15px;}
.kefu_div .tit{background-color: var(--main_color); color: #ffffff; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.kefu_div .email{background-color: #dcdcdc;}
.kefu_div .tel{background-color: #ffffff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.kefu_div .tit .fa-close{float: right; cursor: pointer;}
.kefu_div .email span, .kefu_div .tel span{float:left; margin-right: 10px; font-size: 26px;}

.kefu_icon{display:none;position:fixed; width: 50px; height: 50px; right: 30px; border-radius: 25px; cursor: pointer; z-index: 99;}
.kefu_icon{bottom: 180px; background: url("/static/img/bot_img.png") center no-repeat var(--main_color); background-size: 80%; }

.side_btn{position: fixed; right: -252px; bottom: 240px; z-index: 99;}
.side_btn p{transition: all 0.3s ease; width: 300px; height: 50px; line-height: 48px; letter-spacing: 1px; white-space: nowrap; background-color: rgba(0,0,0,.6); border-radius: 5px;  font-size: 18px; color: #fff; margin: 2px;}
.side_btn p:hover{background-color: rgba(0,0,0,.8); cursor: pointer;}
.side_btn span{float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 20px;}

.side_btn .show_txt a{color: #fff;}
.side_btn .show_txt:hover{margin-left: -170px; }
.side_btn .show_img{position: relative;}
.side_btn .show_img img{transition: all 0.3s ease; position: absolute; left: -110px; top:2px; width: 100px; border: 2px solid #fff; border-radius: 5px; display: none;}
.side_btn .show_img:hover img{display:block;}
.side_btn .show_big span{transition: all 0.3s ease;}
.side_btn .show_big:hover span{transform: rotateY(180deg);}


/*----------------------------------------------------------------------------------------------------*/

.layui-layer{border-radius: 12px !important;}
.layui-layer-title{border-radius: 12px 12px 0 0 !important;}

.purchase_div{display: none; padding: 30px 30px 20px;}
.purchase_submit_product, .purchase_send_product{overflow-y: scroll; margin-left: -30px;}
.purchase_submit_product{height: 350px;}
.purchase_send_product{height: 180px;}

.purchase_div .item{float: left; margin-left: 26px; margin-bottom: 16px; position: relative; }
#purchase_submit_div .item{width: 350px;}
#purchase_send_div .item{width: 160px; height: 160px; overflow: hidden;}

#purchase_submit_div .item span{position: absolute; top:2px; left:2px; font-size: 28px; cursor: pointer; display: none;}
#purchase_submit_div .item:hover span{display: block;}

.purchase_div .item p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.purchase_div .item img{width: 100px; margin-right: 10px;}
#purchase_submit_div .item img{float:left;}

#customer_name, #customer_email, #customer_remark{width: 320px; padding: 20px 0 8px; font-size: 18px; color: #666666; border: 0; border-bottom: 1px solid #cccccc;}
#customer_remark{width: 680px;}

#purchase_submit_btn, #purchase_send_btn{width: 720px; padding: 10px; margin: 20px auto 0; background-color: var(--main_color); border-radius: 20px; color: #ffffff; text-align: center; font-size: 24px; cursor: pointer;}
.not_product{text-align: center; padding-top: 100px; font-size: 24px;}

#img_smooth_check{position: absolute; left:0; right: 0; top:0; bottom: 0; background-color: rgba(0, 0, 0, .8); border-radius: 10px; padding-top:60px;}

#show_search_div{display: none;}
#show_search_div .s_con{background-color: #ffffff; border: 1px solid #999999; width: 620px; height: 44px; padding: 5px; border-radius: 25px; margin: 30px auto; }
#show_search_div .s_con .keyword{float: left; border: 0; border-radius: 15px; width: 400px; height: 34px; padding: 5px 20px; font-size: 18px;}
#show_search_div .s_con .btn-search{float:right; border-radius: 20px;}