/*ĬÈÏÊôÐÔ*/
body, div, p, iframe, ul, li, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table, th, td, input, button, select, textarea {
	margin: 0;
	padding: 0;
	
}
body,button,input,select,textarea{
	font:12px/1.5 'Microsoft YaHei',Arial, Helvetica, sans-serif;
	color: #666;
}

button{ cursor: pointer; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}
button:active{ 
filter:alpha(opacity=70); /* IE */  
-moz-opacity:0.7; /* ÀÏ°æMozilla */  
-khtml-opacity:0.7; /* ÀÏ°æSafari */  
opacity: 0.7; /* Ö§³ÖopacityµÄä¯ÀÀÆ÷*/ 
}

input,button,select,textarea{outline:none;}

h1, h2, h3, h4{ font-weight: normal;}

li { list-style-type: none; }

em,i { display: block; font-style: normal; }
 
img { border: none; vertical-align: middle; }

a{
	position: relative;
	color: #666;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0.05);
	transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;
}

a:hover{ 
	color: #df0012;
}

img {
	border: none;
	vertical-align: middle;
}

/*¸¡¶¯*/
.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

/*Çå³ý¸¡¶¯*/
.clearfloat{
	clear: both;
}

/*×ÖÌå*/
.eng{ font-family: verdana;}
.font12{ font-size:12px; }
.font14{ font-size:14px; }
.font16{ font-size:16px; }
.font18{ font-size:28px; }

.bold{ font-weight:bold;}
.center{ text-align: center;}


/*×ÖÌåÑÕÉ«*/
.col-3{ color: #333;}
.col-6{ color: #666;}
.col-8{ color: #888;}
.col-9{ color: #999;}

.col-f4{ color: #df0012;}

.green{ color: #00db23;}

.blue{ color: #40aef2;}

/*¼ä¾à*/
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}

.mr20{ margin-right: 20px;}

/*³¬³öÊ¡ÂÔºÅ*/
.ellipsis,.ellipsis-2 {
	display:block;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}

.ellipsis-2 {
	-webkit-line-clamp: 2;
}

/*Ô²½Ç*/
.radius-3{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

/*±³¾°*/
.wrap-bg{ background-color: #f5f5f5;}
.bord-bg{ background-color: #fff; border: 1px solid #ececec;}
.whiteBg{ background-color: #fff;}


/*×ÜÌå¿í¶È*/
.w-1190{ width:1190px; margin:0 auto;}
.w-980{ width:980px; margin:0 auto;}

.centent{ position: relative; padding-bottom: 15px;}

/*¶¥²¿   Óû§ÐÅÏ¢*/
.site-nav-status-login{ background-color: #f4f4f4; }
.site-nav-status-login .site-nav-bd{ height: 30px; line-height: 30px; overflow:hidden; }
.site-nav-status-login .site-nav-bd a{ color: #888; white-space:nowrap;}
.site-nav-status-login .site-nav-bd a:hover{ color: #e10013; text-decoration: underline;}

.site-nav-status-login .site-nav-bd .site-nav-menu .line{ width:1px; height:12px; background-color: #cfcfcf; margin: 9px 10px 0 0;}
.site-nav-status-login .site-nav-bd .site-nav-menu .arrow-x-ico{ display: inline-block; width:9px; height:9px; background: url(img/arrow-x-ico.png); margin: -13px 0 0 5px;}
.site-nav-status-login .site-nav-bd .site-nav-menu .feedback-ico{ width:16px; height:16px; background: url(img/feedback-ico.png); margin: 8px 3px 0 0;}
.site-nav-status-login .site-nav-bd .site-nav-menu .contact-ico{ width:16px; height:16px; background: url(img/contact-ico.png); margin: 8px 3px 0 0;}
.site-nav-status-login .site-nav-bd .site-nav-bd-l{ visibility: visible; float: left;}
.site-nav-status-login .site-nav-bd .site-nav-bd-l li{ float: left; padding: 0 6px;}

.site-nav-status-login .site-nav-bd .site-nav-bd-r{ float: right; }
.site-nav-status-login .site-nav-bd .site-nav-bd-r li{ float: left; padding: 0 6px;}

/*Í·²¿ µ¼º½*/
.header{ height:80px; background-color:#e10013;}
.header .logo{ float: left; width:270px; height:80px; background: url(img/logo.png);}
.header .logo .return-home{ width:78px; height: 17px; line-height: 17px; text-align: center; color: #fff; border: 1px solid #ffb590; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin:46px 5px 0 20px;}
.header .logo .return-home:hover{ color: #f42100; border: 1px solid #fff; background-color: #fff; text-decoration: none;}
.header .mt-nav{ float: left; margin: 10px 0 0 65px;}
.header .mt-nav li{ float: left; color: #fff;}
.header .mt-nav li a{ display: block; width: 105px; line-height: 70px;  text-align: center; color: #fff;}
.header .mt-nav li a:hover{ color: #fff; text-decoration: none;}
.header .mt-nav li a.over{ background:url(img/arrow-s-ico.png) bottom no-repeat;}

.header .dorpdown .order-btn{ float: left;  width: 135px; height:32px; margin: 25px 0 0 0; cursor: pointer; background-color: #fff; line-height: 32px; overflow: hidden;}
.header .dorpdown .order-btn .order-ico{ float: left; width: 23px; height: 23px; background:url(img/order-ico.png); margin: 4px 5px 0 10px;  -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}
.header .dorpdown .order-btn .order-ico.iconOver{ transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}
.header .dorpdown .order-btn .arrow-r-ico{ float: right; width: 9px; height: 9px; background: url(img/arrow-r-ico.png); margin: 12px 12px 0 0;}

/*¼ÓÈ빺Îï³µ */
.header .dorpdown .shopping-btn{ float: left; width: 135px; height:32px; margin: 25px 0 0 10px; cursor: pointer; background-color: #fff; line-height: 32px;}
.header .dorpdown .shopping-btn .order-ico{ float: left; width: 23px; height: 23px; background:url(img/switch-icon.png); margin: 4px 5px 0 10px ;}
.header .dorpdown .shopping-btn .arrow-r-ico{ float: right; width: 9px; height: 9px; background: url(img/arrow-r-ico.png); margin: 12px 12px 0 0;}
.header .dorpdown .shopping-btn .num{ position: absolute; left: 110px; top: -3px; font-size: 11px; line-height: 8px; color: #fff;   border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding: 4px 5px; background-color:#ec0001;}
.header .dorpdown .shopping-btn i{  -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}
.header .dorpdown .shopping-btn i.iconOver{ transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}

/*×ó²àµ¼º½*/
.sidebar{ width: 195px;}
/*.sidebar .sidebar-nav{ border: 1px solid #e2e2e2; background-color: #fff;  padding: 10px 10px 2px; border-radius: 3px;}*/
.sidebar .sidebar-nav li{ margin-bottom: 10px; background-color: #fff; border:1px solid #e2e2e2; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.sidebar .sidebar-nav li h3{ position:relative; height: 31px; line-height: 30px; padding-left: 42px; cursor: pointer; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.sidebar .sidebar-nav li h3.over{ background-color: #fc4c3f; color: #fff;} 
/*.overico-a{ background-color: #f0f0f0; background:url(img/arrow-c-ico.png);} 
.overico-a{ background-color: #999; background:url(img/arrow-c-ico.png);} */
.sidebar .sidebar-nav li h3.currentDd{ background:url(img/arrow-x-ico.png) 168px no-repeat #f0f0f0; color: #333;}
.sidebar .sidebar-nav li h3.currentDt{ background:url(img/arrow-a-ico.png) 168px no-repeat #f0f0f0; color: #333; font-weight: bold;}


.sidebar .sidebar-nav li h3 .navico{ position:absolute; overflow:hidden; left:-1px; top: -1px; width: 32px; height: 32px; line-height: 0px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;  -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}
.sidebar .sidebar-nav li h3 .navover{ transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}
.sidebar .sidebar-nav li .subNav{ padding: 8px 12px;}
.sidebar .sidebar-nav li .subNav dd a{ padding: 3px 30px; display: block;}
.sidebar .sidebar-nav li .subNav dd a:hover{ text-decoration: underline;}
.sidebar .sidebar-nav li .subNav dd a.over{ color: #e10013; background:url(img/subNav-arrow-ico.png) 18px no-repeat;}
.navContent{ display:none}

/*×ó²à ¿Í·þÖÐÐÄ*/
.sidebar .contact{ border: 1px solid #e2e2e2; background-color: #fff; padding: 4px;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.sidebar .contact h1{ height: 94px; background: url(img/contact-nav.png);}
.sidebar .contact h1 .switch{  display: block; float: right; margin:10px 10px 0; width: 11px; height: 11px; cursor: pointer;}
.sidebar .contact h1 .switch.zs-hide{ background: url(img/switch-ico.png);}
.sidebar .contact h1 .switch.zs-show{ background: url(img/switch-over-ico.png);}
.sidebar .contact .ser-line{ padding: 10px 5px; line-height: 16px;}
.sidebar .contact .ser-line dt{ float: left; width: 37px; height:37px; background: url(img/contact-QQ.png); margin:0 8px 8px;}
.sidebar .contact .ser-line dd .name{ margin-bottom:5px ;}

.sidebar-r{ width: 965px; }
.sidebar-two{ width: 975px;}

/*µ×²¿*/
.foot{ background-color:#fff; overflow: hidden; margin-top: 20px; border-top:2px solid #dedfe2 ;}
.foot .foot-body{ padding: 25px 0 30px; text-align: center;}
.foot .foot-body .nav-line{  margin-bottom: 20px;}
.foot .foot-body .nav-line a{ padding:0 10px; color: #6c6c6c;}
.foot .foot-body .nav-line a:first-child{ padding: 0 10px 0 0;}
.foot .foot-body .nav-line a:hover{ color: #e10013; text-decoration:underline;}
.foot .foot-body .address p{ margin-bottom: 5px;}

.shadow{  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
	-moz-box-shadow: 2px 2px 10px #9d9c9c;/* for firefox */
	-webkit-box-shadow: 2px 2px 10px #9d9c9c;/* for safari or chrome */
	box-shadow:2px 2px 10px #9d9c9c;/* for opera or ie9 */
}

/*µ¯´°ºÚÉ«±³¾°*/
.bounced-bg{ display: none; position: fixed; left:0; right: 0; top:0; bottom: 0; z-index:99; background:#000; -moz-opacity: 0.5; opacity:0.5; filter: alpha(opacity=50);}

/*·­Ò³*/
.pages {
	overflow: hidden;
	padding: 0 0;
	width: 100%;
	text-align: center;
	line-height: 14px;
	margin-top: 20px;
}

.pages a{
	margin: 0 3px;
	background-color: #fff;
	font-size: 14px;
}

.pages a {
	padding: 4px 10px;
	border: 1px solid #eaeaea;
	border-radius: 2px;
	overflow: hidden;
}

.pages a:hover {
	color: #df0012;
}

.pages a.over {
	background: #df0012;
	color: #fff;
}

.pages u {
	margin-left: 10px;
	text-decoration: none;
	border-radius: 2px;
}

.pages u font {
	margin: 0 5px;
}

.pages a i {
	display: inline;
	font-family: ËÎÌå;
}

.pages input {
	margin: 0 4px;
	padding-left: 4px;
	width: 34px;
	border-radius: 2px;
	height: 28px;
	border: 1px solid #eaeaea;
}

.pages .but {
	padding: 0;
	width: 54px;
	height: 28px;
	border-radius: 3px;;
	background: #fff;
	cursor: pointer;
}

/*ÓҲ๤¾ßÀ¸*/
.side-toolbar-wrap{
	position: fixed;
    _position: absolute;
    width: 47px;
    top: 40%;
    right:0;
    margin-top: -149px;
    z-index: 9990;
    background-color: #b1b1b1;
}
.side-toolbar-wrap .side-toolbar-tabs {
    position: absolute;
    top:0;
    left: 0;
    width: 47px;
}
.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .dt{
	color: #fff;
	font-size: 14px;
	padding: 8px;
	line-height: 16px;
	text-align: center;
}
.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab{
	position: relative;
    width: 47px;
    height: 47px;
    margin-bottom: 1px;
    cursor: pointer;
    background-color: #b1b1b1;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .tab-ico{
	width: 47px;
    height: 47px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    position: relative;
    z-index: 2;
    background-color: #b1b1b1;
}
.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .tab-text {
    width: 120px;
    height: 41px;
    line-height: 16px;
    color: #fff;
    text-align: right;
    padding: 6px 12px 0 5px;
    font-family: "΢ÈíÑźÚ";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: #b1b1b1;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -webkit-transition: left .2s ease-in-out .1s;
    -moz-transition: left .2s ease-in-out .1s;
    transition: left .2s ease-in-out .1s;
    _display: none;
}