@charset "utf-8";
/* CSS Document */

/*************************** 404 start ***************************/
#error_page{background:#f0f0f0; padding:150px 0;}
#error_page .sw{width:558px; margin:0 auto;}
#error_page .error_logo{background:url(../images/error_logo.jpg) no-repeat center center; height:225px;}
#error_page .error_warning{margin-top:12px; height:30px; line-height:30px; background:url(../images/error_warning.jpg) no-repeat left center; text-indent:49px; font-size:18px; font-weight:bold;}
#error_page .error_nav{text-align:center; margin-top:30px; font-size:18px; color:#727272;}
#error_page .error_nav>a{margin:0 36px; font-size:18px; color:#727272;}
/*************************** 404 end ***************************/

/*浮动窗---1*/
.chatfloat0{position:fixed; right:0; width:92px; top:150px; z-index:1000;}
#float_window{ width:72px; padding:1px; border-radius:5px; padding-top:12px;}
#inner_window{ width:72px; border-radius:5px 5px 0 0; padding-top:4px; min-height:90px; background:#fff;}
#demo_window{ width:43px; margin:0 auto;}
#demo_window a{ display:block; width:43px; height:43px;}
#demo_window a.QQ{ background:url(../images/chat_0.png) no-repeat center 0;}
#demo_window a.Skype{ background:url(../images/chat_0.png) no-repeat center -96px;}
#demo_window a.Email{ background:url(../images/chat_0.png) no-repeat center -144px;}
#demo_window a.trademanager{ background:url(../images/chat_0.png) no-repeat center -48px;}
#demo_window a.WeChat{ position:relative; background:url(../images/chat_0.png) center -192px no-repeat;}
#demo_window a.WeChat .relimg{ position:absolute; left:-128px; top:-30px; width:100px; height:100px; display:none; z-index:10; text-align:center; padding:6px; background:#e3e3e3;}
#demo_window a.WeChat:hover .relimg{ display:block;}
#demo_window a.WeChat .relimg img{ max-width:100%; max-height:100%;}
#demo_window a.WhatsApp{ position:relative; background:url(../images/chat_0.png) center -240px no-repeat;}
#demo_window a.WhatsApp .relimg{ position:absolute; color:#333; left:-128px; top:7px; width:100px; line-height:20px; display:none; z-index:10; text-align:center; padding:6px; background:#e3e3e3;}
#demo_window a.WhatsApp:hover .relimg{ display:block;}
#demo_window div{background:#fff;}
#go_top{ display:block; height:24px; line-height:24px; color:#fff; text-align:center; font-size:14px;}
#go_top:hover{ text-decoration:none;}




#chat_window{position: fixed;right: 50px;bottom: 100px;z-index:10000;}
#chat_window .chat_box{}
#chat_window .chat_box .box{display: none;}
#chat_window .chat_box.pc_limit:hover .box , #chat_window .chat_box.cur .box{display: block;}
#chat_window .chat_box .chat_item{display: block;position: relative;width: 50px;height: 50px;border-radius: 100%;background: url(../images/icon_chat.png) no-repeat 0 0;margin-bottom: 6px;}
#chat_window .chat_box a.chat_item{text-indent: 100px;overflow: hidden;white-space: nowrap;}
#chat_window .chat_box .chat_qq{background-color: #4cafe9;}
#chat_window .chat_box .chat_skype{background-color: #5996ff;background-position: 0 -50px;}
#chat_window .chat_box .chat_email{background-color: #f5b246;background-position: 0 -100px;}
#chat_window .chat_box .chat_trademanager{background-color: #33bbf9;background-position: 0 -150px;}
#chat_window .chat_box .chat_wechat{background-color: #59c682;background-position: 0 -200px;}
#chat_window .chat_box .chat_whatsapp{background-color: #55d5bb;background-position: 0 -250px;}
#chat_window .chat_box .abs{display: none;position: absolute;bottom: 0;right: 0px;margin-right: 50px;padding-right: 15px;}
#chat_window .chat_box .more_box{position: relative;padding:10px 0px;border:1px solid #e8e8e8;background: #fff;border-radius: 5px;}
#chat_window .chat_box .more_box:before{content: '';position: absolute;bottom: 19px;right: -8px;border-width:7.5px 0 7.5px 8px;border-color: transparent;border-left-color: #e8e8e8;border-style: solid;}
#chat_window .chat_box .more_box:after{content: '';position: absolute;bottom: 19px;right: -6.5px;border-width:7.5px 0 7.5px 8px;border-color: transparent;border-left-color: #fff;border-style: solid;}
#chat_window .chat_item:hover .abs{display: block;}
#chat_window .chat_box .more_box a{position: relative;display: block;min-width: 80px;height: 30px;line-height: 30px;padding: 0px 17px;font-size: 14px;color: #333;white-space: nowrap;}
#chat_window .chat_box .more_box a:hover{background-color: #effaf7;text-decoration: none;}
#chat_window .chat_box .more_box .item{width: auto;margin:0;border:0; }
#chat_window .chat_box .more_box .relimg{display: none;position: absolute;top: 0;left: -105px;padding-right: 5px;width: 100px;height: 100px;text-align: right;margin-bottom: 5px;}
#chat_window .chat_box .more_box .relimg img{padding: 2px;border:1px solid #effaf7;border-radius: 2px;background: #fff;}
#chat_window .chat_box .more_box a:hover .relimg{display: block;}
#chat_window .chat_box .chat_box_menu{}
#chat_window .chat_box .chat_box_menu a{width: 50px;height: 50px;display: block;border-radius: 100%;margin-bottom: 6px;background: #07bb8a url(../images/icon_chat_menu.png) no-repeat 0 0;}
#chat_window .chat_box .chat_box_menu #go_top{visibility: hidden;opacity: 0;}
#chat_window .chat_box .chat_box_menu #go_top.show{visibility: visible;opacity: 1;}
#chat_window .chat_box .chat_box_menu .more{}
/*#chat_window .chat_box.pc_limit:hover .chat_box_menu .more,#chat_window .chat_box.cur .chat_box_menu .more{display: none;}*/
#chat_window .chat_box .chat_box_menu .more{ display:none;}
#chat_window .chat_box .chat_box_menu .top{background-position: 0 -50px;background-color: #b0b0b0;}
#chat_window .chat_box .box .chat_close{display: none;}


#cop{ color:#fff;}


/*无产品的提示*/
#empty{ font-size:18px; color:#000; padding-left:20px;}
/*无产品的提示*/

/***** loading start *****/
.loading{z-index:100; position:absolute; background:#ccc; top:0; left:0; width:100%; height:100%;}
.loading_big{background:url(../images/loading.gif) no-repeat; z-index:9999; position:absolute; width:32px; height:32px; cursor:wait;}
.loading_small{background:url(../images/loading_small.gif) no-repeat; z-index:9999; position:absolute; width:14px; height:14px; cursor:wait;}
/***** loading end *****/

/*图片逐渐放大效果*/
.delay{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow:hidden;}
.delay:hover{ transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08);}
/*图片逐渐放大效果*/

/*图片经过遮罩*/
.filter:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}
/*图片经过遮罩*/

/*图片经过旋转*/
.r_delay{ -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.r_delay:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
/*图片经过旋转*/

/*图片经过渐变*/
.i_delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
/*图片经过渐变*/

/*图片经过滚动*/
.slide:hover .t{ transform:translate(0,-100%); -webkit-transform:translate(0,-100%); -ms-transform:translate(0,-100%);}
.slide:hover .b{ transform:translate(0,-100%); -webkit-transform:translate(0,-100%); -ms-transform:translate(0,-100%);}
/*图片经过滚动*/

/*自定义属性样式*/
#attribute{ background:#000; overflow:hidden;}
#attribute td{ background:#fff; padding:10px; font-size:14px;}
#attribute td strong{ font-size:14px;}


/*防止百度地图的图片被弄乱没有效果*/
#dituContent img{max-width:inherit; max-height:inherit;}
/*前台编辑器 */


/*首页广告图*/
body .banner .box{width:100%;position:unset; left:0%; top:0; margin-left:auto!important; margin-right:auto!important; z-index:1;}
.bxSlide-outter .bx-wrapper .bg-mode{min-height: 300px;width: 100%;display: block;background: no-repeat center/cover;}

@media screen and (max-width: 768px){
	#chat_window .chat_box .chat_box_menu .more{ display:block;}
}