@charset "utf-8";
/* CSS Document */
/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th,td{text-align:center} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}
button{cursor: pointer;}
body{min-width: 1220px;}
/*===============================================*/
/*CSS Hack*/
/*======万能Float闭合======*/
.clear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{display: inline-block;} /* for IE/Mac */
.clear{zoom: 1;display: block;}
.clear {height:0px;clear:both;font-size:0px;line-height:0px;zoom: 1;}

/*================================================================================================================================*/
*{font-family: 'Microsoft YaHei', 'Arial';color: #404040;font-size: 16px;}
a{text-decoration: none;outline: none;}
a:hover{background: none;}
/*common style*/
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.red{color:#f30;}
.w-1220{width: 1220px;margin: 0 auto;overflow: hidden;}
/*animate*/
.animated {animation-duration: 1s;animation-fill-mode: both;}
.animated.infinite {animation-iteration-count: infinite;}
@keyframes pulse {
	from {transform: scale3d(1, 1, 1);}
	50% {transform: scale3d(1.05, 1.05, 1.05);}
	to {transform: scale3d(1, 1, 1);}
}
.pulse {animation-name: pulse;}
@keyframes zoomIn {
  from {opacity: 0;transform: scale3d(.3, .3, .3);}
  50% {opacity: 1;transform: scale3d(1, 1, 1)}
  100% {opacity: 1;}
}
.zoomIn {animation-duration: 4s;animation-name: zoomIn;}

/*header*/
#header{width: 100%;height: 99px;background-color: #fff;/*border-bottom: 1px solid #0775c0;*/}
#header .c{position: relative;width: 990px;padding-left: 240px;margin: 0 auto;}
#header .logo{position: absolute;z-index: 1;left: 0;top: 20px;}
#header .logo a{display: block;width: 249px;height: 62px;text-indent: -99999px;background: url(../images/logo.png) no-repeat;overflow: hidden;}
#header .w-phone{height: 24px;padding-top:13px; line-height: 24px;text-align: right;}
#header .w-phone .animate{display: inline-block; font-family: 'Arial';font-size: 24px;color: #00923f;}
#header .w-phone .icon{float: left;display: inline; width: 28px;height: 21px;background: url(../images/icon-sprite.png) -114px -68px no-repeat;}
#header .w-main-nav{position: relative;height: 62px;padding-right: 19px;}

#header .search-module{position: absolute;z-index: 1;width: 19px; height: 32px;right: 0;top: 15px;overflow: hidden;}
#header .search-module .icon{display: inline-block; width: 19px;height: 19px;margin-top: 6px;background: url(../images/icon-sprite.png) 0 -24px no-repeat;cursor: pointer;}
#header .search-module .w-input{position: absolute;z-index: 2; width: 226px;height: 30px;left: 20px; border: 1px solid #414141;border-radius: 1px;background-color: #fff;}
#header .search-module .w-input .input{border: none;background: none;padding: 9px 10px; float: left;display: inline;width: 145px;height: 12px;line-height: 12px;font-size: 12px;}
#header .search-module .w-input .btn-search{border: none;background: none;outline: none;padding: 0; float: left;display: inline;height: 19px;margin-top: 5px; line-height: 19px;font-size: 14px;color: #11994c;border-left: 1px solid #11994c;overflow: hidden;}
#header .search-module .w-input .btn-search .icon{position: relative; margin: 0;float: left;display: inline;margin-left: 4px;margin-right: 2px;}

#header .main-nav{float: right;display: inline;width: 900px;}
#header .main-nav .i-nav{float: left;display: inline; height: 62px;margin-right: 30px;}
#header .main-nav .i-nav a{display: block;padding: 0 15px;height: 57px;line-height: 57px;font-size: 18px;color: #403f40;border-bottom: 5px solid #fff;}
#header .main-nav .i-nav a:hover,
#header .main-nav .i-nav a.current,
#header .main-nav .i-nav.current a{color: #0775c0; border-color: #0775c0; transition: all 0.4s;}

#header .main-nav .h-tab{position: relative;}
#header .main-nav .h-tab .h-tab-dd{position: absolute;z-index: 999;width: 151px;padding: 16px 0;border-top: 1px solid #0775c0; background-color: #fff;display: none;}
#header .main-nav  .h-tab .h-tab-dd a{border: none;float: left;display: inline;width: 130px;height: 30px;line-height: 30px;padding-left: 15px;padding-right: 10px;font-size: 16px;text-align: left;color: #404040;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#header .main-nav  .h-tab .h-tab-dd a:hover{color: #0775c0;}
#header .main-nav .h-tab .h-tab-dd a.odd{border-right: 1px solid #bfbfbf;}
 
/*link*/
#link{width: 100%;padding-top:14px;padding-bottom: 20px;background-color: #403f40;}
.friend-links{height: 28px;padding-top: 14px;padding-bottom: 24px;line-height: 28px;}
.friend-links em{line-height: 28px;color: #4d494d;}
.friend-links a{padding-right: 10px;line-height: 28px;}
 
/*footer*/
#footer{width: 100%;padding-top: 64px;padding-bottom: 40px;background-color: #403f40;}
#footer .w-col-3{overflow: hidden;}
#footer dl{float: left;display: inline;height: 170px;padding: 0 12px; border-left: 1px solid #fff;}
#footer dt{height: 32px;margin-bottom: 12px;line-height: 32px;font-size: 24px;color: #fff;}
#footer dd,
#footer p,
#footer a{line-height: 44px;font-size: 16px;color: #fff;}
#footer a:hover{color: #a2db3a;}
#footer .contact-us{width: 496px;}
#footer .contact-us dd i{float: left;display: inline;width: 20px;height: 44px;margin-right: 12px;background: url(../images/icon-sprite.png) 0 -68px no-repeat;}
#footer .contact-us dd i.icon-phone{}
#footer .contact-us dd i.icon-address{background-position: -22px -68px;}
#footer .contact-us dd i.icon-mail{background-position: -44px -68px;}
#footer .about-us{width: 330px;}
#footer .follow-us{}
#footer .follow-us .w-qr{padding-top: 8px;}
#footer .follow-us .w-qr img{display: block;}
#footer .follow-us .w-qr p{width: 84px;text-align: center;line-height: 36px;}
#footer .follow-us .w-sns{padding-top: 18px;overflow: hidden;}
#footer .follow-us .w-sns a{float: left;display: inline;width: 36px;height: 30px;margin-right: 34px; background: url(../images/icon-sprite.png) no-repeat 0 -112px;text-indent: -99999px;}
#footer .follow-us .w-sns a.sns-qq{margin-right: 27px;}
#footer .follow-us .w-sns a.sns-qq:hover{background-position: 0 -144px;}
#footer .follow-us .w-sns a.sns-wechat{background-position: -38px -112px;}
#footer .follow-us .w-sns a.sns-wechat:hover{background-position: -38px -144px;}
#footer .follow-us .w-sns a.sns-webo{background-position: -76px -112px;}
#footer .follow-us .w-sns a.sns-webo:hover{background-position: -76px -144px;}
#footer .follow-us .w-sns a.sns-mail{background-position: -114px -112px;}
#footer .follow-us .w-sns a.sns-mail:hover{background-position: -114px -144px;}
#footer .friend-links{height: 28px;padding-top: 14px;padding-bottom: 24px;line-height: 28px;}
#footer .friend-links em{line-height: 28px;color: #fff;}
#footer .friend-links a{padding-right: 10px;line-height: 28px;}
#footer .copy-right{width: 100%;padding: 5px 0; line-height: 24px;font-size: 14px; text-align: center;color: #999;background-color: #313131;}

/*full screen banner*/
.fs-banner{width: 100%;overflow: hidden;/*border-top: 1px solid #fff;*/}
.fs-banner .fs-w{position:relative;width: 1920px;left: 50%;margin-left: -960px; overflow: hidden;text-align: center;}
.fs-banner .fs-w img{display: block;}

/*404,500错误,商品下架*/
.m1-tips1{width: 100%;height: 100%;border-top: 1px solid #009933;background-color: #fff;}
.m1-tips1 .inner{width:470px;height:600px;margin:0 auto;padding:50px 0;}
.m1-tips1 .thumb img{display:block;margin:0 auto;}
.m1-tips1 .cnt{text-align:center;font-family: "微软雅黑";color: #333;}
.m1-tips1 .cnt h3{line-height: 41px;margin-top: 45px;font-size: 26px;}
.m1-tips1 .cnt .txt{font-size: 16px;}
.m1-tips1-1 .inner{width: 518px;height: 470px;margin:80px auto 0;}
.m1-tips1-1 .thumb{width: 100%;height: 470px;background: url(../images/shelf_pic01.jpg);}