@charset "utf-8";
/**************************
		全局样式
***************************/
*{-webkit-text-size-adjust:none;word-break:normal}
:focus{outline:0}
textarea{resize:none}
.clear{clear:both}
dd,dl,dt,ul,li{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#f08e11}
img{border:0}
body{margin:0;padding:0;font-size:14px;overflow-x:hidden;background:#000 url(../images/body_bg.jpg) top repeat-x; min-width: 1230px; }
body,input,select,textarea,button{font:12px/18px arial, helvetica, sans-serif;}
.wrap{width:1230px;margin:0 auto}
.container{background:#f4c41a url(../images/bg.png) bottom repeat-x;min-height:1578px}
:-moz-placeholder{color:#ababab}
::-moz-placeholder{color:#ababab}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ababab}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ababab}
.mt20{margin-top:20px}


/**************************
		头部样式
***************************/
.header-logo{height:121px;background:#000 url(../images/header_bg.jpg) repeat}
.header-logo .logo{width:488px;height:121px;margin:0 auto;background:url(../images/header_logo.jpg) center no-repeat}
.header-bar{height:67px;background-color:#20211e;border-bottom:9px #181816 solid}
.header-bar .lang{float:left;padding-top:12px}
.header-bar .lang li{width:49px;height:41px;float:left}
.header-bar .lang li a{display:block;height:41px}
.header-bar .lang .icon-01{background-image:url(../images/lang_01.png)}
.header-bar .lang .icon-02{background-image:url(../images/lang_02.png)}
.header-bar .lang .icon-03{background-image:url(../images/lang_03.png)}
.header-bar .lang .icon-04{background-image:url(../images/lang_04.png)}
.header-bar .lang .icon-05{background-image:url(../images/lang_05.png)}
.header-bar .lang .icon-06{background-image:url(../images/lang_06.png)}
.header-bar .lang .icon-07{background-image:url(../images/lang_07.png)}
.header-bar .lang .icon-08{background-image:url(../images/lang_08.png)}
.header-bar .lang .icon-09{background-image:url(../images/lang_09.png)}
.header-bar .lang .icon-10{background-image:url(../images/lang_10.png)}
.header-bar .lang .icon-11{background-image:url(../images/lang_11.png)}
.header-bar .lang .icon-12{background-image:url(../images/lang_12.png)}
.search-bar{float:right}
.search-bar .search-type{padding-top:8px;overflow:auto}
.search-bar .search-type li{float:left;height:22px;line-height:22px;padding:0 12px;background:url(../images/line_1.png) right center no-repeat}
.search-bar .search-type li:last-child{background-image:none}
.search-bar .search-type li a{color:#bdbcbc;font-weight:bold}
.search-bar .search-type li a:hover{color:#fff}
.search-bar .search-type li.active{background-color:#fdb813;background-image:none}
.search-bar .search-type li.active a{color:#000}
.search-bar .search-box{width:460px;height:22px;background:#fdb813 url(../images/search_bg.png) bottom repeat-x;padding:4px 3px;position:relative}
.search-bar .search-box .input{position:relative;width:368px;height:22px;padding-left:25px;background:url(../images/search_input_bg.png) repeat-x}
.search-bar .search-box .input .icon{width:11px;height:11px;position:absolute;top:6px;left:6px;background:url(../images/icon_search.png) center no-repeat}
.search-bar .search-box .input input{height:22px;line-height:22px;width:100%;border:0;background-color:transparent}
.search-bar .search-box button{width:65px;height:30px;border:0;background-color:transparent;position:absolute;right:5px;top:0;font-weight:700;color: #222;}
.header-nav{height:50px;background:#000 url(../images/nav_bg.png) center repeat-x}
.header-nav .wrap{height:50px}
.header-nav li{float:left;background:url(../images/line_2.png) right center no-repeat}
.header-nav li:last-child{background-image:none}
.header-nav li a{display:block;height:50px;line-height:50px;color:#fff;padding:0 14px;font-weight:700}
.header-nav li a:hover{color:#000;background:#f6d809 url(../images/nav_hover_bg.png) center repeat-x}
.header-nav li.active a{color:#000;background:#f6d809 url(../images/nav_hover_bg.png) center repeat-x}

/**************************
		底部样式
***************************/
.footer{background-color:#232321;color:#d5d3d3;padding-top:18px}
.footer .wrap{border:1px #000 solid;background:#1d1e19 url(../images/footer_top_line.jpg) top repeat-x;border-radius:10px;padding-bottom: 20px;}
.footer a{color:#d5d3d3}
.footer a:hover{color:#fff}
.footer .links{border-bottom:1px #403f3a dashed;margin:48px 15px 0;overflow:auto}
.footer .links li{width:12.5%;float:left}
.footer .links li a{display:block;padding:85px 0 30px;background-position:top center;background-repeat:no-repeat;text-align:center}
.footer .links .icon-1{background-image:url(../images/footer_link_01.png)}
.footer .links .icon-2{background-image:url(../images/footer_link_02.png)}
.footer .links .icon-3{background-image:url(../images/footer_link_03.png)}
.footer .links .icon-4{background-image:url(../images/footer_link_04.png)}
.footer .links .icon-5{background-image:url(../images/footer_link_05.png)}
.footer .links .icon-6{background-image:url(../images/footer_link_06.png)}
.footer .links .icon-7{background-image:url(../images/footer_link_07.png)}
.footer .links .icon-8{background-image:url(../images/footer_link_08.png)}
.footer .foot-brands{display: flex;justify-content: center;width: 100%;flex-wrap: wrap;margin-top: 29px;}
.footer .foot-brands li{margin: 0 4px 14px;}
/*.footer .foot-brands li:nth-child(7),.footer .foot-brands li:nth-child(8){
	margin: 0 72px;
}*/

.footer .share{padding:2px 0 0;overflow:auto;display: flex;justify-content: center;}
.footer .share li{margin: 0 5px;}
.footer .copyright{line-height:60px;text-align:center}
.footer .maps{background:url(../images/footer_bg.jpg) 59% 34% no-repeat}
.footer .maps .title{font-size:13px;font-weight:700;margin-bottom:10px}
/*.footer .maps .list{padding-left:10px}*/
.footer .maps a{display:block;line-height:22px;font-size: 11px;line-height: 26px;}
.footer .products{width:175px;float:left}
.footer .topbrands{width:215px;float:left}
.footer .topbrands a{float:left;width:50%}
.footer .contacts{float:left;width: 175px;}
.footer .contacts .list div{padding:5px 0 5px 25px;background-position:left center;background-repeat:no-repeat}
.footer .contacts .list .icon-1{background-image:url(../images/foot_contact_01.png)}
.footer .contacts .list .icon-2{background-image:url(../images/foot_contact_02.png)}
.footer .contacts .list .icon-3{background-image:url(../images/foot_contact_03.png)}
.footer .contacts .list .icon-4{background-image:url(../images/foot_contact_04.png)}
.footer .contacts .list .icon-5{background-image:url(../images/foot_contact_05.png);background-position:top left}
.footer .contacts .list .icon-5 br{
	display: none;
}
.footer .contacts .list div{
	font-size: 11px;
}

.footerBox{
	zoom: 1;
}
.footerBox:after{
	display: block;
    height: 0;
    clear: both;
    /* visibility: hidden; */
    overflow: hidden;
    content: ".";
}
.footerBox .footerLeft{
	width: 600px;
	float: left;
}
.footer .maps{
	width: 604px;
	float: right;
	margin-top: 26px;
}



/**************************
		侧边栏按钮
***************************/
.side-tools-bar{width:40px;background-color:rgba(83,83,83,.6);position:fixed;right:0;top:0;height:100%;z-index:9999}
.side-tools-bar .tools{position:relative;top:25%;left:0}
.side-tools-bar .tools .item{width:40px;height:52px;border-top:1px #fff solid;position:relative}
.side-tools-bar .tools .item .tip{display:none;color:#fff;font-size:12px;width:107px;height:35px;line-height:35px;background-color:#896817;position:absolute;right:50px;top:9px}
.side-tools-bar .tools .item .tip::before{display:inline-block;content:'';width:16px;height:16px;background-position:center;background-repeat:no-repeat;background-size:100% auto;vertical-align:middle;margin-right:6px;position:relative;top:-2px;margin-left:10px}
.side-tools-bar .tools .item .tip::after{content:'';position:absolute;right:-8px;top:12px;width:0;height:0;border-color:transparent;border-style:solid;border-width:4px 0 4px 8px;border-left-color:#896817}
.side-tools-bar .tools .item:hover{background-color:#fdb813}
.side-tools-bar .tools .item:hover .tip{display:block}
.side-tools-bar .tools .item-02 .tip::before{background-image:url(../images/side_tools_bar_icon_02.png)}
.side-tools-bar .tools .item-03 .tip::before{background-image:url(../images/side_tools_bar_icon_03.png)}
.side-tools-bar .tools .item-04 .tip::before{background-image:url(../images/side_tools_bar_icon_04.png)}
.side-tools-bar .tools .item-05 .tip::before{background-image:url(../images/side_tools_bar_icon_05.png)}
.side-tools-bar .tools .item-06 .tip::before{background-image:url(../images/side_tools_bar_icon_06.png)}
.side-tools-bar .tools .item-first{border-top:0;position:relative}
.side-tools-bar .tools .item .icon{width:40px;height:52px;cursor:pointer;display:block;background-position:center;background-repeat:no-repeat}
.side-tools-bar .tools .item-first:hover .tips{width:107px;height:35px;background:url(../images/side_tools_bar_tips.png) center no-repeat;position:absolute;right:43px;top:9px}
.side-tools-bar .tools .item .icon-01{background-color:#fdb813;background-image:url(../images/side_tools_bar_icon_01.png)}
.side-tools-bar .tools .item .icon-02{background-image:url(../images/side_tools_bar_icon_02.png)}
.side-tools-bar .tools .item .icon-03{background-image:url(../images/side_tools_bar_icon_03.png)}
.side-tools-bar .tools .item .icon-04{background-image:url(../images/side_tools_bar_icon_04.png)}
.side-tools-bar .tools .item .icon-05{background-image:url(../images/side_tools_bar_icon_05.png)}
.side-tools-bar .tools .item .icon-06{background-image:url(../images/side_tools_bar_icon_06.png)}
.side-tools-bar .tools .item:hover .icon-02{background-image:url(../images/side_tools_bar_icon_02_hover.png)}
.side-tools-bar .tools .item:hover .icon-03{background-image:url(../images/side_tools_bar_icon_03_hover.png)}
.side-tools-bar .tools .item:hover .icon-04{background-image:url(../images/side_tools_bar_icon_04_hover.png)}
.side-tools-bar .tools .item:hover .icon-05{background-image:url(../images/side_tools_bar_icon_05_hover.png)}
.side-tools-bar .tools .item:hover .icon-06{background-image:url(../images/side_tools_bar_icon_06_hover.png)}
.side-tools-bar .bottom-bar{position:absolute;bottom:10px;right:0}
.side-tools-bar .side-tools-top{display:block;width:40px;height:40px;background:url(../images/side_tools_bar_top.png) center no-repeat;cursor:pointer}
.side-tools-bar .side-tools-close{display:block;width:40px;height:40px;background:url(../images/side_tools_bar_close.png) center no-repeat;cursor:pointer}

.LR_Mini_ICON{right:60px!important}
#LRfloater2{right:40px!important}
#LRMINIWIN{position:relative}

@media only screen and (max-width:960px) {
	body{min-width: 320px;}
	img{max-width: 100%;}
	.flex{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
	.side-tools-bar{display: none;}
	.navMenu {position: absolute;right: 10px;bottom: 13px;z-index: 41;width: 24px;height: 22px;}
	.navMenu span {border-radius: 2px;position: absolute;left: 0;background: #fdb813;width: 100%;height: 2px;display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
	.navMenu .line1 {top: 0;}
	.navMenu .line2 {top: 50%;margin-top: -1px;}
	.navMenu .line3 {bottom: 0;}
	.header-bar .wrap,.banner, .banner-slides, .footer, .header-bar, .main, .nav,.wrap{max-width: 100%;box-sizing: border-box;}
	.header-bar{height: auto;background-size: cover;background-position: center top;background-size: cover;padding: 10px;box-sizing: border-box;position: relative;border: 0;}
	.header-bar .lang{float: none;margin: 0;display: flex;display: -webkit-flex; padding: 0;}
	.header-bar .lang li{flex: 1;}
	.header-bar .lang li a{background-size: contain;background-repeat: no-repeat;background-position: center;}
	.header-bar .search-bar{float: none;margin: 0;}
	.header-bar .search-bar .search-type{display: flex;display: -webkit-flex;padding: 0;}
	.header-bar .search-bar .search-box{width: auto;display: flex;display: -webkit-flex;margin-right: 32px;}
	.header-bar .search-bar .search-box .input{flex: 1;}
	.search-bar .search-type li{padding: 0 4px;}
	/* .search-bar .search-type li{padding: 0 5px;} */
	.closeNav{position: fixed;width: 14px;height: 14px;border-radius: 50%;padding: 8px; left: 50%;margin-left: -15px;bottom: 20px;background: rgba(0,0,0,.85);z-index: 3;display: block;}
	.closeNav img{display: block;}
	.header-nav{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #222;z-index: 666;overflow-y: auto;display: none;height: auto;}
	.header-nav .wrap{height: auto;}
	.header-nav li{display: block;border-bottom: 1px solid rgba(255,255,255,.1);float: none;background: none;}
	.header-logo{height: auto;}
	.header-logo .logo{width: 161px;height:40px; background-size: contain;}
	.header-nav li a{line-height: 46px;height: 46px;}

	.container{height: auto;max-width: 100%;box-sizing: border-box;}
	.footer{padding:4% 10px 10px 10px;}
	.footer .share{padding: 0;max-width: 320px;margin: auto;}
	.footer .links,.footer .foot-brands{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;margin: 0;}
	.footer .links li{width: 25%;}
	.footer .foot-brands li{margin: 0;width: 31.33%;margin: 2px 1%;}
	.footer .foot-brands li:nth-child(7),.footer .foot-brands li:nth-child(8){margin: 0 1%;}
	.footer .foot-brands{padding: 6px 0;text-align: center;}
	.footer .wrap{border: 0;background: transparent;}
	.footer .maps{height: auto;margin: 0;background: transparent;}
	.footer .products{float: none;width: auto;margin-bottom: 10px;display: none;}
	.footer .topbrands{float: none;width: auto;display: none;}
	.footer .contacts{	float: none;}
	.footer .maps .list{overflow: hidden;margin-bottom: 10px;}
	.footer .copyright{line-height: 1.5;}
	.footer .links li span{word-break: break-all;font-size: 8px;display: block;line-height: 1.4;margin-top: 5px;}
	.footer .links li a{padding:50px 0 10px 0;background-size: 50px;}

	.footerBox .footerLeft{
		width: 100%;
		float: none;
	}
	.footer .maps{
		float: none;
		width: 100%;
	}
	.footer .contacts{
		width: 100%;
	}
	.footer a{
		display: block;
	}
	.statcounter{
		display: none;
	}
	.footer .maps a{
		font-size: 12px;
	}
	.footer .contacts .list div{
		font-size: 12px;
	}
}