@charset "utf-8";
*{margin:0;padding:0}
body{background-color:#f3f3f3;font-size:16px; overflow-x: hidden;}
h1,h2,h3,h4,h5,dl,ol,ul{padding: 0; margin: 0;}
li{list-style:none}
img{border:none;vertical-align:top}
article,aside,div,dt,footer,form,header,html,map,nav,section{display:block;}
a,a:active,a:focus,a:hover,a:visited{outline:0;outline:0;color:#333;text-decoration:none}
*:focus{outline:none;}
input,button{vertical-align: middle;}
ul,*+ul{margin: 0;}

.main{clear:both;margin:0 auto;width:1000px}
.col-main{float:right;width:768px;}
.col-side{float:left;width:212px}
.col-main .ttl{line-height: 50px;height: 50px;border-bottom: 2px solid #EEE;}
.col-main .ttl dt{line-height: 50px;height: 50px;float: left;border-bottom: 2px solid #fab0e5;padding: 0 20px;}
.col-main .ttl dd{line-height: 50px;height: 50px;float: right;margin-top: 0;}
.cont{margin: 30px 30px 50px;font-size: 14px;line-height: 1.8em;}
.cont p{margin-bottom: 1em;}
.cont .tl{border-bottom: 1px dashed #aaa;margin-bottom: 20px;}
.cont .tl dt{font-size: 18px; text-align: center;font-weight: normal;margin-bottom: 10px;}
.cont .tl dd{font-size: 12px; text-align: center;margin-bottom: 10px;}
.cont img{max-width: 100%;}
*+address,*+blockquote,*+dl,*+fieldset,*+figure,*+hr,*+ol,*+p,*+pre,*+ul{margin:0}
.bdt-18{border-top: 18px solid #fab0e5;}
.pd{padding-top: 25px;padding-bottom: 35px;overflow: hidden;}
/*top*/
#top{ line-height: 30px; height: 30px; font-size: 0.875em;background-color: #EEE; }
#top .welcome{ color: #7e7f80; }
#top .lang{ margin-left: 10px; font-size: 0.75em; }
/*header*/
#header{ height: 130px; position: relative; }
#header .index-tel{ position: absolute; top:20px; right: -168px; display: none; }
#header li{float: left;}
#header .logo{ padding-top: 20px; }
#header .stock{color: #e826b1;}
#header .search{ float: right; padding-top: 30px; overflow: hidden; font-size:0.875em; text-align: right; }
#header .search img{ padding-bottom: 15px; }
#header .search input{ background: url(../images/share/bg_search.jpg); no-repeat center left; border-width: 1px; border-color: #a7a7a7; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: none; line-height: 30px; height: 30px; padding:0 5px 0 30px; width: 220px; }
/*#header .search button{ border-width: 1px; border-color: #a7a7a7;  background-color: #b2f4d3;  border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-weight: bold; border-left: none; line-height: 30px; height: 30px; width: 50px; }*/
#header .search button{ border-width: 1px; border-color: #a7a7a7; background-color: #CCC;  border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-weight: bold; border-left: none; line-height: 30px; height: 30px; width: 50px; }
/*nav*/
#nav{background-color: #808080;height: 46px;}
.nav li{display: inline-block;float: left;text-align: center;line-height: 46px; height: 46px;position: relative; z-index: 10;background-color: #808080; font-size: 16px;}
.nav li li{ display: block; float: none; text-align: left; font-size: 0.875em; line-height:normal;height:auto;padding:5px 0; }
.nav li a{ display: block;padding:0 18px; }
.nav li li a{ padding:0 15px; }
.nav a{ color: white; }
.nav a:hover,#nav a.active{ -webkit-text-shadow: 0 0 5px #FFF; text-shadow: 0 0 5px #FFF; }
.nav ul{ display: none; width: 100%; }
/*.nav li:hover,.nav li.active{background-color: #e826b1;}*/
.nav li:hover>ul{ display: block; position: absolute; left: 0; top: 46px; }
.nav li li:hover>ul{ left: 100%; top:0; }

/*slider*/
.slider-a{}
.slider-a .hd{display:none;width:240px;position: absolute;margin-top: 50px;z-index: 10;}
.slider-a .hd .prev,.slider-a .hd .next{ display:block;  width:16px; height:60px; float:right; margin-right:0; margin-top:0;  overflow:hidden;
   cursor:pointer; background:url("../images/share/s_nav.jpg") 0 0 no-repeat #ccc;}
.slider-a .hd .next{ background-position:0 -61px;  }
.slider-a .hd .prev{ float: left;  }
.slider-a .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.slider-a .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/share/icoCircle.gif") 0 -9px no-repeat; }
.slider-a .hd ul li.on{ background-position:0 0; }
.slider-a .bd{ padding:14px;border: 1px solid #ddd;}
.slider-a .bd ul{ overflow:hidden; zoom:1; margin:0; }
.slider-a .bd ul a{ display: block; }
.slider-a .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slider-a .bd ul li .pic{ text-align:center;width:200px;background-color:#FFF; }
/*.slider-a .bd ul li .pic{ text-align:center;width:200px;background-color:#e9e9e9; }*/
.slider-a .bd ul li .pic img{ width:118px; height:118px; }
.slider-a .bd ul li .pic a:hover img{ border-color:#999;  }
.slider-a .bd ul li .title{margin-top: 10px;font-size: 12px;}

.slider-b{}
.slider-b .hd{width:460px;position: absolute;margin-top: 50px;z-index: 10;}
.slider-b .hd .prev,.slider-b .hd .next{ display:block;  width:16px; height:60px; float:right; margin-right:0; margin-top:0;  overflow:hidden;
   cursor:pointer; background:url("../images/share/s_nav.jpg") 0 0 no-repeat #ccc;}
.slider-b .hd .next{ background-position:0 -61px;  }
.slider-b .hd .prev{ float: left;  }
.slider-b .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.slider-b .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/share/icoCircle.gif") 0 -9px no-repeat; }
.slider-b .hd ul li.on{ background-position:0 0; }
.slider-b .bd{ padding:14px;border: 1px solid #ddd;}
.slider-b .bd ul{ overflow:hidden; zoom:1; }
.slider-b .bd ul a{ display: block;  }
.slider-b .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
/*.slider-b .bd ul li .pic{ text-align:center;background-color: #e9e9e9;width:124px; }*/
.slider-b .bd ul li .pic{ text-align:center;background-color: #FFF;width:124px; }
.slider-b .bd ul li .pic img{ width:116px; height:116px; }
.slider-b .bd ul li .pic a:hover img{ border-color:#999;  }
.slider-b .bd ul li .title{margin-top: 10px;font-size: 12px;}


/*index*/
#index-col{overflow: hidden;padding: 1em 0 2em;font-size: 0.75em;}
#index-col .col-l,#index-col .col-r{width: 240px; float: left;}
#index-col .col-r{float: right;}
#index-col .col-c{width: 460px; float: left;margin-left: 30px;}

#index-col .ttl{background: url(../images/share/blt_ttl.jpg) no-repeat center left;padding-left: 14px;margin-bottom: 1em;}
#index-col .ttl dt{font-size: 18px;color: #333;}
#index-col .ttl dd{font-size: 12px;color: #666;text-transform: uppercase;margin-top: 0;}

.tab-d{}
.tab-d-nav{font-size: 14px;border-top: 2px solid #999;height:32px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;position: relative;background-color: #eee;margin:0;}
.tab-d-nav li{float: left;border-top: 2px solid #999;border-left: 1px solid #ccc;border-right: 1px solid #ccc;line-height: 30px;height: 32px;padding: 0 30px;cursor: pointer;margin-top:-2px;margin-left: -1px;}
.tab-d-nav li.active{border-top: 2px solid #ff99cc;color: #ff99cc;margin-top: -6px;padding-top: 4px;line-height:30px;height: 36px;background-color: #fff;}
.tab-d-cont{font-size: 12px;clear:both;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding: 30px;margin:0;}
.tab-d-cont .tcont{display: none;}
.tab-d-cont .active{display: block;}

/*channel*/
.c-adv{margin-top: 30px;}

/*banner*/
#banner{}
#banner .am-slides li{height: 28vw;background-size:contain;}

/*list-prod*/
#prod{ background:url(../images/index/prod_bg.jpg) no-repeat center center; height: 500px; }
#prod .am-slider-default{ -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }
#prod .am-direction-nav a{ width: 66px; height: 66px; margin: -33px 0 0; }
#prod .am-direction-nav a:before{ content: none; }
#prod .am-direction-nav .am-prev{ left: -100px; background:url(../images/index/prod_nav_l.png) no-repeat center center; }
#prod .am-direction-nav .am-next{ right: -100px; background:url(../images/index/prod_nav_r.png) no-repeat center center; }
#prod .am-slider-default:hover .am-prev{ left: -100px; }
#prod .am-slider-default:hover .am-next{ right: -100px; }
#prod .am-slides li{ border: 3px solid #FFF; background-color: #FFF; }
#prod li:hover{ color: white; background-color: #c01419; }
#prod li:hover a{ color: white;}
#prod li div{ line-height: 2.8em; text-align: center; }
#prod li div a{ display: block; }
#prod h1,#contact dt{ color: #FFF; padding-top:1.4em; padding-bottom: 1.4em; text-align: center; }

/*sub*/
#sub{font-size: 18px;}
#sub .ttl{line-height: 60px;height: 60px;background-color: #888;color: #fff;font-size: 26px;text-align: center;}
#sub a{display: block;text-indent:20px;line-height: 60px;height: 60px;}
#sub a.active{background-color: #fab0e5;color: #FFF;}
/*main*/
#cont{ padding-bottom: 2rem; }
#cont h2{ text-align: center; margin-top: 2rem; }
/*list*/
.list-img,.list-text{ overflow: hidden; }
.list-img li{ float: left; width: 30%; border: 1px solid #ddd; background-color:#fff; margin: 1.6666%; text-align: center; position: relative; }
.list-img li a{  }
.list-img li img{ max-width: 100%; }
.list-img li dt{ background-color: #fff; }
.list-img li dd,.list-img li .title{ background-color: #eee;margin-top: 0;line-height: 35px;height:35px; padding: 0 10px; }


.list-text{}
.list-text li{padding:0.5em 0;background:url(../images/share/blt_bg.jpg) no-repeat 3px center;padding-left: 15px;color:#666;}
.list-text li a{color: #666;}
.list-text li .date{float: right;padding-left: 10px;}

.list-buy{border:1px solid #ddd;padding:2%;overflow: hidden;}
.list-buy li{float: left; width: 46%;margin: 2%; }
.list-buy li img{width: 100%;}

.pager{ overflow: hidden; margin-top: 1em; text-align: center; }
.pager li{display: inline-block;border: 1px solid #ccc;margin:0 5px;}
.pager li a,.pager li span{display: block;padding:0 0.6em;color: #666;}
.pager li:hover a{color: #333;}
.pager li.am-active{border: 1px solid #444;cursor: default;}
.pager li.am-active span{color: #333;}
.pager li.am-disabled{cursor: default;}

.cont-m{overflow: hidden;padding-bottom: 30px;}
.cont-m .col-l{width: 340px;float: left;}
.cont-m .col-r{width:340px;float: right; }
.cont-m .col-r dt{padding-bottom: 1em;border-bottom: 1px dotted #ccc;font-size: 16px;margin-bottom: 1em;}
.cont-m .col-r dd{font-size: 12px;line-height: 1.4em;height:280px;padding-right: 5px;}
.btn-shop{padding-top: 30px;}
.btn-shop a{margin-right: 1em;}
.btn-shop img{padding-bottom: 1em;}

/*Tab2*/
#lib_Tab2 { width:340px; height:413px; }
/*tab_class*/
.lib_Menubox2 { width:340px; height:71px; padding-left:12px; position:relative; }
.lib_Menubox2 ul { list-style:none; height:71px; }
.lib_Menubox2 *,.lib_Menubox2 :before,.lib_Menubox2 :after{ -webkit-box-sizing: content-box;
box-sizing: content-box; }
.lib_Menubox2 li { float:left; width:50px; height:50px; padding:2px 2px 2px 2px; text-align:center; margin-right:6px; background:url(../images/share/probg.gif) 0 -58px no-repeat; }
.lib_Menubox2 li img{ width:50px; height:50px; }
.lib_Menubox2 li a { font-size:12px; display:block; }
.lib_Menubox2 li a:visited { }
.lib_Menubox2 li a:hover { }
.lib_Menubox2 li.hover { background:url(../images/share/probg.gif) 0 0 no-repeat; }
.lib_Menubox2 li.hover a, .lib_Menubox2 li#two1.hover a { color:#FFF; }
/**/
.lib_Menubox2 .i-content{width:310px; height:58px; overflow:hidden;margin-left: 10px;}
.lib_Menubox2 .i-left{width:12px; height:53px; background:url(../images/share/i_left.gif) no-repeat center center; position:absolute; left:0; top:0; cursor:pointer;border-radius: 3px;border: 1px solid #ccc;}
.lib_Menubox2 .i-right{width:12px; height:53px; background:url(../images/share/i_right.gif) no-repeat center center; position:absolute; right:0; top:0; cursor:pointer;border-radius: 3px;border: 1px solid #ccc;}
/**/
.lib_Contentbox2 { width:340px; height:340px; overflow:hidden; margin-bottom:10px; border:1px solid #dedede; }

div.zoomDiv {
    z-index:999;
  position: absolute;
  top:0px;
    left:0px;
  width:200px;
  height:200px;
  background: #ffffff;
  border:1px solid #CCCCCC;
  display:none;
  text-align: center;
  overflow: hidden;
}
div.zoomMask {
    position:absolute;
    background:url("../images/share/mask.png") repeat scroll 0 0 transparent;
  cursor:move;
  z-index:1;
}


/*footer*/
#footer{ text-align: center; color: #616161; font-size: 0.875em; padding: 1.5em 0 2em;}
#footer a{ color: #333; }
#footer .nav{ padding-bottom: 1.4em; font-weight: bold; }
#footer .nav a{ display: inline-block; padding: 0 10px 0 9px; text-align: center; border-right: 1px solid #616161; line-height: 1em; }
#footer .nav a:last-of-type{ border-right:none; }


.am-nav{font-size: 14px;}
.am-topbar-brand img{ max-height: 40px; padding-top: 8px; }
[class*=am-icon-]{text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-family:icomoon!important;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.am-slider-default{margin-bottom: 0;-webkit-box-shadow: none;
box-shadow: none;background-color: transparent;}
.am-slider-default .am-control-nav{ bottom: 16px; }
.am-slider-default .am-control-nav li a{ width: 10px; height: 10px; background-color:#444; border-radius: 0; -webkit-box-shadow:none; box-shadow: none; }
.am-slider-default .am-control-nav li a:hover{ background-color: #e826b1; }
.am-slider-default .am-control-nav li a.am-active{ background-color: #e826b1; }
.am-pagination{clear:both;font-size:14px}
.am-pagination > li > a:focus, .am-pagination > li > a:hover, .am-pagination > li > span:focus, .am-pagination > li > span:hover{background-color:#fff;color:#333;}
.am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{border-color:#444;background-color:#fff;color: #333;}
.am-pagination>li>a,.am-pagination>li>span{padding:.3em .5em;border-radius:0;color:#ddd;}
.am-topbar-nav>li.am-active>a,.am-topbar-nav>li.am-active>a:focus,.am-topbar-nav>li.am-active>a:hover{color:#333;}
.am-navbar-default .am-navbar-nav{background-color:#fff}
.am-breadcrumb{margin-bottom:0;padding:0 10px;}
.am-breadcrumb > li + li::before {padding: 0 6px;}
.am-container{padding-right:0;padding-left:0}
.am-with-fixed-navbar{padding-bottom:0}
.am-gotop-fixed{bottom:70px;width:80px;height:80px}
.am-icon-arrow-up:before{line-height:inherit}
.amz-toolbar{position:fixed;right:10px}
.amz-sidebar-toggle{position:fixed;right:10px;bottom:10px}
.am-navbar .am-navbar-nav li a{color:#fff}
.am-topbar-nav>li.am-active>a:after{border-bottom-color:#fff}
.am-topbar-nav span{margin-left:5px}
ul>li>ul{margin:0;}
.am-btn-danger{background-color: #909;border-color: #909;}
.am-btn-danger:focus, .am-btn-danger:hover{ background-color: #990099; }
.am-nav>li.am-active>a, .am-nav>li.am-active>a:focus, .am-nav>li.am-active>a:hover{ background-color: #909; color: #FFF; }
ul.am-dropdown-content>.am-active>a, ul.am-dropdown-content>.am-active>a:focus, ul.am-dropdown-content>.am-active>a:hover{ background-color: #FFF; color: #333; }