@charset "utf-8";

body{ background:#fff;}
.top { padding:10px 10px; height: 21px;}
.top .logo{width: 25%;float: left;}
.top .logo img{ width:60px; height:21px; display: block; padding-left: 10px;}
.top .top-nav{width: 75%;float: right; text-align: right; }
.top .top-nav ul li{ display: inline-block; font-size: .75em; margin: 0 5px; font-weight: 100;}
.top .top-nav ul li a{color: #333; text-decoration: none;}

.top .top-nav ul li a:hover{ color:#000; text-decoration:none; border-bottom: solid 2px #f7931d;}
.top .top-nav ul li a.cur{ color:#333; text-decoration:none; border-bottom: solid 2px #f7931d;}
.top .top-nav ul li a.cur:hover{ font-size:16px; color:#333; text-decoration:none;}

.top_show{margin:0 auto; width:100%;}
.top_show img{display:block; margin:0 auto; width:100%;}

h2{color: #000; font-size: 1em; font-weight: bold; text-align: center; margin: 20px 0 10px 0;letter-spacing: 4px; text-indent: 6px;color: #2f2e2e;}
h2.bakshow{color: #000; font-size: 3em; font-weight: bold; text-align: center; margin: 60px 0 20px 0;letter-spacing: 8px; text-indent: 6px;color: #333;}
h2 a{color: #000; font-size: 1em; font-weight: bold; text-align: center; margin: 20px 0 10px 0;letter-spacing: 4px; text-indent: 6px;color: #2f2e2e;}
h2 a:hover{color: #000; font-size: 1em; font-weight: bold; text-align: center; margin: 20px 0 10px 0;letter-spacing: 4px; text-indent: 6px;color: #2f2e2e;}
.line{ height: 3px; width: 34px;  background-color: #f7931d;  margin: 0 auto 15px auto;}
.line_bakshow{ height: 3px; width: 120px;  background-color: #f7931d;  margin: 0 auto 65px auto;}

.main_product{ width: 100%;}

.main_product p{font-size: 0.65em; color: #999; text-align: center; line-height: 180%; margin-bottom: 30px; font-weight: 100;}

.main_product ul{ margin:0 0 30px 0;}
.main_product ul li{ width: 20%; display:block; float: left; margin-right:4%; padding: 0; }
.main_product ul li:first-child{ margin-left:4%;}
.main_product ul li img{display:block; margin:0; width:100%; padding: 0;}

.main_product ul li h4{font-size: 0.65em; color: #666; font-weight: 100; margin: 15px 0 5px 0; padding: 0; overflow: hidden}
.main_product ul li h5{font-size: 0.5em; color: #999; font-weight: 100; margin: 0; padding: 0; line-height: 200%;}

.mid_show{ margin: 30px 0; width: 100%;}
.mid_show img{display:block; width:100%;}


.main_about_info{width: 90%; margin: 40px auto;}
.main_about_info .domain{ width: 30%; display: block;float: left}
.main_about_info .domain img{ width: 100%; display: block;}
.main_about_info p{ font-size: 0.6em; width: 65%; float: right; line-height: 180%; color: #666; font-weight: 100;}
.main_about_info p img{ display: block;width: 100%;}


.aboutus_show{margin:0 auto; width:100%;}
.aboutus img{display:block; margin:0 auto; width:100%;}


.address{width: 90%; margin: 40px auto;}
.address .domain{ width: 30%; display: block;float: left}
.address .domain img{ width: 100%; display: block;}
.address .detail{width: 60%; float: right; }
.address .detail h3{ font-size: 0.8em; color: #333; font-weight: 100; margin-bottom: 10px;} 
.address .detail p{ font-size: 0.6em; line-height: 180%; color: #666; font-weight: 100; margin-bottom: 20px;} 





.product{ width: 100%; }

.product .sort ul{width:92%;  text-align: center; background: #f8f8f8; margin: 0 auto 30px auto;}
.product .sort ul li{font-size:0.5em; display: inline-block; margin: 15px 5px; padding: 0;}
.product .sort ul li a{ color:#666; text-decoration:none; padding-bottom: 3px;}
.product .sort ul li a:hover{color:#000; text-decoration:none; border-bottom: solid 2px #f7931d; font-weight: bold;}
.product .sort ul li a.cur{ color:#000; text-decoration:none;  border-bottom: solid 2px #f7931d; font-weight: bold;}





.product .list ul{ margin:0;}
.product .list ul li{ width: 20%; display:block; float: left; margin-left:4%; margin-bottom: 30px; padding: 0; }
.product .list ul li.tw{ width: 44%; display:block; float: left; margin-left:4%; margin-bottom: 20px; padding: 0; }
.product .list ul li img{display:block; margin:0; width:100%; padding: 0;}

.product .list ul li h4{font-size: 0.65em; color: #666; font-weight: 100; margin: 15px 0 5px 0; padding: 0;}
.product .list ul li h5{font-size: 0.5em; color: #999; font-weight: 100; margin: 0; padding: 0; line-height: 200%;}


.product .bakshow ul{ margin:0;}
.product .bakshow ul li{ width: 94%; display:block; margin:15px auto 50px auto; padding: 0; }
.product .bakshow ul li img{display:block; width: 100%; margin:0; width:100%; padding: 0; border-radius: 20px;}

.product .bakshow ul li h4{font-size: 1.8em; color: #000; font-weight: 200; margin: 15px 0 5px 0; padding: 0; text-align: center;}
.product .bakshow ul li h5{font-size: 1.4em; color: #333; font-weight: 200; margin: 0; padding: 0; line-height: 200%; text-align: center;}




.bot_show{ margin: 30px 0 0 0; width: 100%;}
.bot_show img{display:block; width:100%;}


.boot_info{width: 90%; margin: 0 auto; padding:15px 5% 5px 5%; background: #f8f8f8}
.boot_info ul{width: 33%; float: left; }
.boot_info ul li{font-size:.6em; color:#666; display: block; margin-bottom: 8px; padding: 0;}
.boot_info ul li.title{font-size:.8em; color:#333; margin-bottom: 10px; font-weight: bold;}
.boot_info ul li a{ color:#666; text-decoration:none; padding-bottom: 3px; font-weight: 100;}
.boot_info ul li a:hover{color:#f7931d; text-decoration:none; border-bottom: solid 1px #f7931d;}

.boot_info ul:nth-child(1){width: 35%;}
.boot_info ul:nth-child(2){width: 32%;}
.boot_info ul:nth-child(3){width: 33%;}


footer{ margin:10px 20px; font-size:0.65em; color:#666; position:relative;}
footer a{color:#666; text-decoration: none;}
footer a:hover{ color:#666; text-decoration: none;}