body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, textarea, blockquote, th, td { margin: 0; padding: 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 { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
body { font-family: Calibri, PT Sans, '微软雅黑'; font-size: 12px; padding-top: 200px; }
.blank { height: 0px; line-height: 0px; clear: both; visibility: hidden; }
.blank10 { height: 10px; line-height: 10px; clear: both; visibility: hidden; }
.blank20 { height: 20px; line-height: 20px; clear: both; visibility: hidden; }
.blank30 { height: 30px; line-height: 30px; clear: both; visibility: hidden; }
.blank40 { height: 40px; line-height: 40px; clear: both; visibility: hidden; }
.container-fluid { max-width: 1024px; }
.container { width: 1024px; }
.bg-goods { background-color: #f5f5f7; padding: 30px 0px; }
.btn-nob { border: 0px; border-radius: 0px; background-image: none; }
/* header */
header { border-top: 2em #fff solid; background: #fff url(../images/page/header_bg.png) repeat-x; padding: 1em 0; position: fixed; top: 0; z-index: 10; width: 100%; height: 200px; }
header .logo { padding-top: 6px; }
header .nav { padding-top: 10px; position: relative; margin-left: -25px; }
header .nav>ul { float: left; }
header .nav>ul>li { float: left; position: relative; padding: 1em 0; }
header .nav>ul>li>a { display: block; padding: 0 1.7em; font-size: 15px; color: #808285; text-decoration: none; border-right: 1px #ccc solid; }
header .nav>ul>li>a:hover, header .nav>ul>li.selected>a { color: #0071bb; }
header .nav>ul>li.selected { background: url(../images/page/nav-hover.png) bottom center no-repeat; }
header .nav>ul>li>ul { position: absolute; top: 100%; left: 0%; z-index: 9; font-size: 14px; }
header .nav .nav-pro-li, header .nav .nav-mem-li { display: block; min-width: 780px; padding-top: 2.5em; }
header .nav .nav-pro-div, header .nav .nav-mem-div { display: table; background-color: #fff; box-shadow: 1px 1px 1px rgba(102,102,102,.2); }
header .nav .nav-pro-div dl { display: inline-block; padding: 1.5em; min-height: 220px; float: left; border-right: 1px #ccc solid; }
header .nav .nav-pro-div dl.hot { text-align: center; border: 0px; }
header .nav .nav-pro-div dl.hot img { width: 100%; }
header .nav .nav-pro-div dl.hot a { text-decoration: none; }
header .nav .nav-pro-div dl.hot p { background-color: #666; color: #fff; }
header .nav .nav-pro-div dl>dt>a { color: #4D5DA3; }
header .nav .nav-pro-div dl:nth-child(2n)>dt>a { color: #EC008C; }
header .nav .nav-pro-div dl:nth-child(3n)>dt>a { color: #8EBE3F; }
header .nav .nav-pro-div dl dd a { color: #808285; }
header .nav .nav-pro-div dl dd a:hover { color: #0071bb; }
header .nav .nav-mem-li { min-width: 280px; }
header .nav .nav-mem-div dl { padding: 1.5em 4em 1.5em 1.5em; }
header .nav .nav-mem-div dl dd a { color: #808285; line-height: 1.8em; }
header .nav .nav-mem-div dl dd a:hover { color: #0071bb; }
header .search-div { margin-top: 40px; }
header .search-div .language { float: right; padding: 0px 0px 1em 0; margin-right: 20px; }
header .search-div .language .nav-mem-li { padding-top: 1em; }
header .search-div .user { float: right; padding: 1em 0; }
header .search-div .user a { padding: 0 1em; font-size: 1.2em; color: #808285; }
header .search-div .user a:hover { color: #0071bb; }
header .search-div .nav-search { padding: 1em; position: absolute; background-color: #fff; color: #808285; display: none; top: 32px; left: 0px; right: 0px; bottom: 0px; }
header .search-div .nav-search .btn-default { padding: 4px 12px; }
header .search-div .nav-search i { vertical-align: middle; margin: 5px; cursor: pointer; }
footer { background-color: #808285; padding: 3em 0; color: #fff; }
footer .ico { display: block; line-height: 1em; }
footer .ico ul li i { width: 60px; height: 50px; display: block; margin: 0px auto; background: url(../images/page/footer-ico.png) no-repeat; }
footer .ico ul li { float: left; border-right: 1px #ccc solid; width: 33.3%; text-align: center; height: 85px; margin-bottom: 5px; }
footer .ico ul li:nth-child(2n) i { background-position: -100px 0; }
footer .ico ul li:nth-child(3n) i { background-position: -206px 0; }
footer .ico ul li:nth-child(4n) i { background-position: -320px 0; }
footer .ico ul li:nth-child(5n) i { background-position: -423px 0; }
footer .ico ul li:nth-child(6n) i { background-position: -526px 0; }
footer .ico ul li:first-child { border-left: 0px; }
footer .menu { display: table; width: 100%; margin-bottom: 2em; position: relative; }
footer .menu dl { float: left; width: 33.3%; }
footer .menu dl dt { border-bottom: 1px #ccc solid; line-height: 1.8em; font-weight: normal; margin-bottom: 8px; }
footer .menu dl dd a { color: #fff; }
footer .menu dl dd a:hover { color: #ff0; }
footer .goTop { position: absolute; top: 5px; right: -20px; width: 50px; }
footer .copyright { display: table; width: 600px; font-size: 12px; font-family: arial; padding-top: 30px;margin: auto; }
.share-div { padding: 20px 0px 10px 0px; }
.share-div .signup i, .share-div .signup span, .share-div .signup input, .share-div .signup button { vertical-align: middle; }
.share-div .signup i { font-size: 22px; color: #0068b7; }
.share-div .signup input { height: 25px; }
.share-div .signup span { font-size: 14px; color: #666; padding: 0px 3px; }
.share-div .signup button { border: 2px #fff solid; color: #fff; background-color: #868787; padding: 5px 3px 4px 3px; vertical-align: bottom; }
.share-div .email { font-size: 16px; color: #666; line-height: 2em; }
/* home slideBox */
.slideBox, .slideBox .bd img { width: 100%; }
.slideBox { height: 400px; overflow: hidden; position: relative; }
.slideBox .hd { position: absolute; height: 28px; line-height: 28px; bottom: 15px; right: 45%; z-index: 1; }
.slideBox .hd li { display: inline-block; width: 12px; height: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #fff; text-indent: -9999px; overflow: hidden; margin: 0 6px; opacity: 0.5; filter: alpha(opacity=50); }
.slideBox .hd li.on { background: #fff; opacity: 1; filter: alpha(opacity=100); }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd ul { height: 100%; }
.slideBox .bd li { height: 100%; background-size: contain; zoom: 1; vertical-align: middle; position: relative; }
.slideBox .bd li a { display: block; height: 100%; }
.slideBox .bd img { display: block; }
.slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.slideBox .next { left: auto; right: 3%; background-position: 8px 5px; }
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }
/* home box */
.box-title { text-align: center; min-height: 1em; background: #fff url(../images/page/box-tit-bg.png) center repeat-x; }
.box-title p { font-size: 1.5em; border: 1px #bdbcbd solid; padding: 3px 10px; display: inline-block; background-color: #f1f1f2; }
.box-body { display: block; }
/* home hot */
.home-hot { padding: 2em 0px 1em 0em; }
.home-hot .item { border: 1px #ccc solid; text-align: center; min-height: 300px; overflow: hidden; }
.home-hot .item>a { display: block; height: 245px; overflow: hidden; }
.home-hot .item img { width: 224px; }
.home-hot .item p { text-align: left; background-color: #ebf5f8; padding: 1em; height: 115px; }
.home-hot .item p b, .home-hot .item p i, .home-hot .item p a { display: block; }
.home-hot .item p i { color: #ee1c25; font-style: normal; padding: 0.2em; }
.home-hot .item p a { color: #fff; background-color: #0071bb; display: inline-block; padding: 0px 8px; }
.home-ad img { max-width: 100%; }
/* brand */
#brand { margin-top: -20px; }
#brand img { width: 100%; }
/* user-here */
.user-here h3 { color: #0071bb; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; text-transform: uppercase; }
.ur_here { color: #0071bb; }
.ur_here a { color: #0071bb; }
/* page-body */
#page-body { padding-top: 1em; padding-bottom: 1em; }
#page-body .contact-text { padding-bottom: 1em; padding-top: 1em; }
#page-body .contact-text p { padding-bottom: 0.6em; }
#page-body .from { background-color: #fef7f0; padding: 2em 2em 1em 2em; }
#page-body .map { border: 1px solid #efefef; margin-bottom: 30px; height: 280px; position: relative; width: 100%; overflow: hidden; }
/* media */
#page-body .media { padding: 0em 0px 1em 0em; }
#page-body .media .item { }
#page-body .media .item img { width: 100%; border: 2px #35b9d6 solid; }
#page-body .media .item h4 { color: #35b9d6; font-weight: bold; }
#page-body .media .item p { color: #9D9FA2; text-justify : auto; text-align: justify; }
/* brand */
#page-body .brand { padding-top: 1em; }
.about-fluid { max-width: 100%; min-width: 100%; padding-right: 0px; padding-left: 0px; margin-top: -20px; position: relative; }
.about-fluid img { width: 100%; }
.about-fluid .brand_menu { position: absolute; top: 38px; left: 0px; right: 0px; text-align: center; }
.about-fluid .brand_menu ul { margin: 0px auto; }
.about-fluid .brand_menu ul li { margin: 0 30px; display: inline-block; vertical-align: middle; line-height: 100px; color: #666; width: 100px; height: 100px; border: 1px #ccc solid; border-radius: 100px; background-color: #fff; text-align: center; font-size: 14px; }
.about-fluid .brand_menu ul li a { line-height: 16px; display: inline-block; color: #363638; width: 100%; text-decoration: none; vertical-align: middle; }
/* problem */
.problem .links { display: table; width: 90%; margin: 5%; border: 1px #ccc dashed; background-color: #fef7f0; border-radius: 12px; }
.problem .links ul { display: table; width: 90%; margin: 20px auto; }
.problem .links ul li { float: left; width: 33.333%; }
.problem .links ul li a { color: #ee1c25; font-size: 12px; }
.problem .links-body, .delivery .text { display: table; }
.problem .links-body dl, .delivery .text dl { display: block; border-top: 1px #0071bb dashed; padding: 12px 0px; }
.problem .links-body dl dt, .delivery .text dl dt { color: #0071bb; padding: 5px 0px; }
.problem .links-body dl dd, .delivery .text dl dd { color: #808285; }
.problem .links-body dl:first-child, .delivery .text dl:first-child { border-top: 0px; }
.delivery .text { margin-left: 15px; margin-right: 15px; }
.delivery .text p { margin-bottom: 15px; }
/* problem */
.regional .subtitle { margin-left: 15px; color: #0071bb; padding: 5px 10px; }
.regional .user-name { margin-left: 15px; margin-right: 15px; background-color: #F3F9FB; padding-top: 1em; }
.regional .user-name label, .regional .user-info label { color: #808285; }
.regional .user-info { margin-left: 15px; margin-right: 15px; background-color: #FFF6ED; padding: 1em 2em; }
.regional .form-inline { margin-left: 45px; }
.regional .form-inline label { color: #0071bb; }
.regional .user-btn { margin-left: 128px; margin-top: 18px; }
.regional .form-inline label.validation { width: 100px; }
/* directory */
.directory { text-align: center; padding: 2em 0px 1px 0px; }
.directory img { width: 90%; margin-bottom: 30px; display: block; }
.directory p { display: block; padding: 0.4em 0px; text-align: center; color: #94CFE3; }
/* directory */
.register { margin-left: 15px; margin-right: 15px; }
.register .user-name { background-color: #FFF6ED; padding-top: 1em; border: 1px #ccc solid; }
.register .user-name label { color: #808285; }
.register .user-info { background-color: #F3F9FB; }
.register .user-info dl dt { background-color: #ee1c25; text-align: center; color: #fff; padding: 5px 0px; }
.register .user-info dl dd { padding: 60px 50px; color: #808285; line-height: 1.5em; }
.register .user-info dl dd b { text-align: center; padding: 10px 0; display: block; }
.register .user-btn { margin-left: 128px; margin-top: 18px; }
/* enjoy */
.enjoy .text { display: table; padding-top: 1em; }
.enjoy .text p { color: #9D9FA2; text-justify : auto; text-align: justify; margin-bottom: 1em; }
.enjoy .group { display: table; margin: 0px auto; width: 90%; }
.enjoy .group h3 { background-color: #ee1c25; border-top-left-radius: 12px; border-top-right-radius: 12px; text-align: center; padding: 5px; text-align: center; color: #fff; margin-bottom: 0px; }
.enjoy .group ul { background-color: #0071bb; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 30px 50px; color: #fff; }
.enjoy .group li { padding: 1em 0px; list-style: inherit; list-style-type: disc; }
.enjoy .group li:first-child { border-bottom: 1px #ccc dashed; }
/* product */
.list-pro-div { margin-left: 199px; border-left: 1px #9c9ea0 solid; padding-left: 10px; }
.menu-pro-div { width: 200px; float: left; display: table; border-right: 1px #9c9ea0 solid; padding-right: 20px; }
.menu-pro-div dl { display: block; margin-top: 1em; padding-top: 1em; border-top: 1px #9c9ea0 dashed; }
.menu-pro-div dl:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.menu-pro-div dl.hot { text-align: center; border: 0px; }
.menu-pro-div dl.hot img { width: 100%; }
.menu-pro-div dl.hot a { text-decoration: none; }
.menu-pro-div dl.hot p { background-color: #666; color: #fff; }
.menu-pro-div dl>dt>a { color: #ee1c25; }
.menu-pro-div dl dd a { color: #58595b; }
.menu-pro-div dl dd a:hover { color: #0071bb; }
.list-pro-div>div { margin-bottom: 30px; }
.list-pro-div>div a { padding: 140px 20px 20px 20px; min-height: 350px; background-color: #f18022; display: block; color: #fff; font-size: 25px; vertical-align: middle; }
.list-pro-div .col-xs-4 { padding-left: 10px; padding-right: 10px; }
.list-pro-div>div:nth-child(2n) a { background-color: #0b78bb; }
.list-pro-div>div:nth-child(3n) a { background-color: #90c141; }
.list-pro-div>div:nth-child(4n) a { background-color: #ec67a0; }
.list-pro-div>div:nth-child(5n) a { background-color: #0d9549; }
.list-pro-div>div:nth-child(6n) a { background-color: #93298e; }
.list-pro-div>div:nth-child(7n) a { background-color: #ef4723; }
.list-pro-div>div:nth-child(8n) a { background-color: #8b5f3c; }
/* product list */
.item-pro-div { margin-left: 199px; border-left: 1px #9c9ea0 solid; padding-left: 10px; }
.item-pro-div .col-xs-4 { padding-left: 10px; padding-right: 10px; }
.item-pro-div .item { background-color: #fff; border: 1px #ccc solid; min-height: 350px; text-align: center; position: relative; margin-bottom: 30px; }
.item-pro-div .item img { width: 244px; height: 270px; }
.item-pro-div .item p { text-align: left; background-color: #ebf5f8; padding: 1em; position: absolute; bottom: -1px; left: -1px; right: -1px; }
.item-pro-div .item p b, .item-pro-div .item p i, .item-pro-div .item p a { display: block; }
.item-pro-div .item p i { color: #ee1c25; font-style: normal; padding: 0.2em; }
.item-pro-div .item p a { color: #fff; background-color: #0071bb; display: inline-block; padding: 0px 8px; }
.item-pro-div .one { background-color: #f08022; color: #fff; line-height: 260px; overflow: hidden; border: 0px; }
/* goods info */
.goods-info .price b { padding-left: 10px; font-size: 2em; color: #0071bb; font-weight: normal; }
.goods-info .goods-body { min-height: 500px; }
.goods-info .goods-body h3 { font-size: 14px; color: #f48630; border-bottom: 1px #646466 dashed; padding-bottom: 5px; }
.goods-info .goods-body h3 p { border: 1px #ccc solid; display: inline-block; padding: 2px 8px; border-bottom: 0px; }
.goods-info .goods-body>p { color: #58585a; padding-bottom: 8px; }
.goods-info .goods-common h3 { font-size: 14px; color: #fff; background-color: #0071bb; padding: 5px 0px; text-align: center; }
.goods-info .cart-div { position: relative; display: block; }
.goods-info .cart-div .pro-ico { position: absolute; right: 0px; bottom: -10px; }
.bg-goods .photo { padding-right: 30px; content: ""; display: table; }
.bg-goods .goods-left { width: 46%; }
.bg-goods .goods-right { width: 54%; }
/* pagination */
.pages-div { text-align: right; display: table; width: 100%; padding-right: 15px; }
.pagination>li>a, .pagination>li>span { color: #0071bb; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #0071bb; background-color: #eee; border-color: #ddd }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #0071bb; border-color: #0071bb }
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd }
/* BestGoods */
.bg-goods .best { width: 430px; }
.BestGoods { overflow: hidden; position: relative; }
.BestGoods .hd { overflow: hidden; width: 100%; }
.BestGoods .hd .prev, .BestGoods .hd .next { display: block; position: absolute; top: 45px; left: 0px; overflow: hidden; cursor: pointer; width: 26px; height: 40px; background: url(../images/slider-arrow.png) -175px 5px no-repeat; }
.BestGoods .hd .next { background-position: -53px 5px; right: 0px; left: inherit; }
.BestGoods .bd { margin: 20px 20px; overflow: hidden; }
.BestGoods .bd ul { overflow: hidden; zoom: 1; }
.BestGoods .bd ul li { margin: 0 5px 0px 3px; float: left; _display: inline; overflow: hidden; text-align: center; }
.BestGoods .bd ul li .pic { text-align: center; background-color: #fff; width: 90px; height: 90px; border: 1px solid #0071bb; overflow: hidden; }
.BestGoods .bd ul li .pic img { max-width: 90px; max-height: 90px; display: block; margin: 0 auto; }
.BestGoods .bd ul li .pic a { display: block; }
.BestGoods .bd ul li .title { width: 90px; padding-top: 8px; height: 4em; line-height: 1.1em; text-align: left; }
.BestGoods .bd ul li .title a { font-size: 12px; font-family: Verdana, Arial; color: #636567 }
/* productView Zoom */
.productView_imgDetail { float: left; position: relative; width: 430px; z-index: 2; }
.productView_imgDetail .detail_img { position: relative; width: 100%; }
.productView_imgDetail .detail_img h3 { }
.productView_imgDetail .detail_img .zoomMsg { position: absolute; left: 0; bottom: 25px; width: 100%; text-align: center; }
.productView_imgDetail .detail_img .zoomMsg strong { display: inline-block; padding-left: 25px; line-height: 18px; font-family: Verdana; font-size: 11px; color: #333333; background: url(/resources/images/product/BG_zoom.png) no-repeat left top; }
.productView_imgDetail .thumbnail_img { position: relative; width: 100%; margin-top: 1px; }
.productView_imgDetail .thumbnail_img li { position: absolute; overflow: hidden; }
.productView_imgDetail .thumbnail_img li img { max-width: 100%; }
.productView_imgDetail .thumbnail_img li.li1 { position: relative; width: 214px; height: 181px; }
.productView_imgDetail .thumbnail_img li.li2 { left: 217px; top: 0; width: 106px; height: 88px; }
.productView_imgDetail .thumbnail_img li.li3 { left: 324px; top: 0; width: 106px; height: 88px; }
.productView_imgDetail .thumbnail_img li.li4 { left: 217px; bottom: 0; width: 213px; height: 122px; }
/* 확대관련 */
#detail_lens { display: none; position: absolute; left: 0; top: 0; width: 170px; height: 170px; margin: -86px 0 0 -86px; opacity: 0.5; filter: alpha(opacity=50); border: 1px solid #ffffff; }
#detail_zoom { display: none; overflow: hidden; position: absolute; left: 462px; top: 20px; width: 480px; height: 480px; z-index: 1000; }
#detail_zoom img { position: absolute; left: 0; top: 0; }
.check-list .checkbox { width: 50%; display: inline-block; float: left; font-size: 14px; }
/* Btn */
.btn-danger { color: #fff; background-color: #ee1c25; border-color: #ee1c25; }
.btn-primary { color: #fff; background-color: #0071bb; border-color: #0071bb; }
.list-news-div .more { font-size: 16px; }
.list-news-div .pic { text-align:center; }
.list-news-div .pic img { -moz-box-shadow: 3px 3px 4px #555; -webkit-box-shadow: 3px 3px 4px #555; box-shadow: 3px 3px 4px #555; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555)";  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555'); width:80%; }
.list-news-div .text-center { text-align:center;}
/* @media css3 */
@media (max-width:980px) {
.container-fluid { min-width: initial; }
.item-pro-div .item { min-height: 380px; }
.item-pro-div .item img { padding-top: 15px; height: 260px; }
.item-pro-div .one { line-height: 360px; }
.slideBox { height: 280px; }
}
#backtop{
display:block;
cursor:pointer;
position:fixed;
right:5px;
bottom:20px;
}
#weblohr{
float: left;
margin:18px 0 0 30px;
width:250px;
}
#weblohr ul li {
    display:block;
	height:32px;
	line-height:35px;
    width:250px;
	text-align:left;
	font-size:14px;
	font-weight: bold;
	color: #333333;
	font-family:"新宋体";
	}
.b10 {
	clear:both;
	height:10px;
	overflow:hidden;
}
#weblohr ul li a {
    padding:0 0 0 10px;
    width:200px;
	text-align:left;
	font-size:14px;
	font-weight: bold;
	color: #333333;
	font-family:"新宋体";
}
#weblohrd{
float:right;
margin:0 0 0 20px;
width:650px;
}
#weblobck{
height:1320px;
width:auto;
margin:0;
background-image: url("/upload/images/about/weback.jpg");
}
a.act:link{color:#8f8e8e;text-decoration:none;font-size:12px;height:45px;font-weight:550;letter-spacing:1px;}
a.act:visited{color:#8f8e8e;text-decoration:none;font-size:12px;height:45px;font-weight:550;letter-spacing:1px;}
a.act:hover{color:#009999;text-decoration:underline;}
a.aaa:link{color:#009999;text-decoration:none;font-size:16px;height:45px;font-weight:650;}
a.aaa:visited{color:#009999;text-decoration:none;font-size:16px;height:45px;font-weight:650;}
a.aaa:hover{color:#009999;text-decoration:underline;}