* {margin: 0px;	padding: 0px;}
body {font-family:\5FAE\8F6F\96C5\9ED1; font-size: 100%; line-height: 180% ;color: #333; }
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border:none;}
a:link {TEXT-DECORATION: none;}
a:visited {TEXT-DECORATION: none;}
a:hover {TEXT-DECORATION: none;}
a:active {TEXT-DECORATION: none;}
ul,li{list-style-type: none;}
.clearFloat{clear:both; line-height:0; font-size:0}

/* header */
#pagewrap{ background:#FFF;}

#page nav{display: none;}

header{position:relative;}
.head_tit{font-size:140%; font-weight:normal; text-align:left; padding-left:5px; line-height:200%; background:#2d3451; color:#FFF;}
.head_tit a{ color:#fff;}
.swipe{width:100%; line-height:0; overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
#slider{display:block; margin-bottom:2%;}
#slider li img{width:100%;}
.swipe #pagenavi{ display:none;}
.head_tel {border-radius:15px ;-moz-border-radius: 15px;-webkit-border-radius: 15px;  background: -webkit-gradient(linear, left top, left bottom, from(#009aee), color-stop(0,#008eda), to(rgb(0, 142, 218))) ;
background-image: -moz-linear-gradient(top, #009aee, #008eda) ; font-size:160%; line-height:220%; text-align:center; color:#FFF; font-weight:bold; margin:0 2% 2% 2%; }
.head_tel img{ vertical-align:middle; line-height:200%; padding-right:1%;}
.head_tel a{ color:#fff;}
table{border-collapse: collapse;}
table.table1{ font-size:120%; width:96%; margin:0 auto 2% auto; border-collapse: separate;}
table.table1 th{ text-align: center;vertical-align: middle;}
table.table1 td{ text-align: center;vertical-align: middle;}
table.table1 td a{ color:#fff; display:block; padding:5% 0;}
table.table1 td.n1{background:#ffa200;}
table.table1 td.n1 a{ padding:50% 0;}
table.table1 td.n2{background:#1fc5f9;}
table.table1 td.n3{background:#72be44;}
table.table1 td.n4{background:#e74f9a;}
table.table1 td.n5{background:#2776ec;}
/*=========body========*/
#content{}
.index_list{margin:0 2%;}
.index_list li a{display:block; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(0.5, #dedede), to(rgb(222, 222, 222))) ;
background-image: -moz-linear-gradient(top, #fafafa, #dedede) ; color:#333; border:1px solid #bbbbbb; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; overflow:hidden; margin-bottom:1.5%; }
.index_list li a span{ display:block; font-size:140%; text-align:center; background:#0095e6; line-height:100%; float:left; width:25%; padding:3.5% 0; color:#FFF; font-weight:bold; }
.index_list li a span font{font-size:80%; font-weight:normal;}
.index_list li a b{ display:block; font-weight:normal; float:right; padding:0 0 0 1%; width:74%; line-height:380%; margin-top:2%; }

.list_more{margin:1% 2% 2% 2%;}
input{ text-align:center;background:#0095e6; padding:1% 0; font-size:140%; line-height:240%; color:#FFF; font-weight:bold; width:100%; border:none; cursor:pointer;}


/*foot*/
#footer ul{ padding:0 2% ;}
#footer ul li{ width:25%; padding:1% 0; float:left;  background:#2d3451;}
#footer ul li a{display:block;  width:100%; line-height:100%; height:100%;padding:2% 0% 1% 0%;text-align:center;}
#footer ul li a span{display:block;  font-size:100%; line-height:120%;  color:#FFF;}
.foot_txt{  line-height:240%; text-align:center; font-size:100%; color:#333;}



/*content_B*/
#content_B{padding:0 2% 3% 2%;}
h4{background: -webkit-gradient(linear, left top, left bottom, from(#009bef), color-stop(0.5, #008eda), to(rgb(0, 142, 218))) ;
background-image: -moz-linear-gradient(top, #009bef, #008eda) ; padding:1% ; margin-bottom:2%;}
h4 span{float:left; display:block; padding-left:2%; line-height:140%; font-weight:normal; color:#FFF;  font-size:140%;}
h4 a{float:right; display:block; margin-right:2%; background:#2d3451; padding:0.5% 1%; color:#FFF;}
/*news*/
.news_list li a{display:block; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(0.5, #dedede), to(rgb(222, 222, 222))) ;
background-image: -moz-linear-gradient(top, #fafafa, #dedede) ; color:#333; border:1px solid #bbbbbb; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; overflow:hidden; margin-bottom:1.5%; }
.news_list li a span{ display:block; font-size:140%; text-align:center; background:#0095e6; line-height:100%; float:left; width:25%; padding:3.5% 0; color:#FFF; font-weight:bold; }
.news_list li a span font{font-size:80%; font-weight:normal;}
.news_list li a b{ display:block; font-weight:normal; float:right; padding:0 0 0 1%; width:74%; line-height:380%; margin-top:2%; }

/*main_navi*/
.main_navi{margin-bottom:1%;}
.main_navi .main_navi_list li{ float:left; margin:0 0 1.7% 1.7%; background:#0095e6; padding:0 5px; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius:10px;}
.main_navi .main_navi_list li a{display:block; width:100%;}
.main_navi_list li a{ display:block;color:#FFF; text-align:center; font-weight:bold; }
.main_navi_list li.maincur a{background:#03F;}

.products_list{padding:1% 0 1% 0.5%;}
.pro_img{width:48%; float:left; margin:2% 1%;}
.pro_img a .img_main{ display:block;width:100%; line-height:0;}
.pro_img a img{ width:100%; }
.pro_img span.pro_txt{ display:block; text-align:center; color:#000; font-size:100%; line-height:200%;}

/*show*/
.show{ padding:1% 2% 1% 2%; margin:0 auto;}
.show_tit{font-size:140%; font-weight:bold; text-align:center; margin-bottom:1%;}
.show_txt{font-size:80% ;text-align:center; margin-bottom:2%;}
.show_main{ padding:1% 0 2% 0; border-top:1px solid #c4c4c4; border-bottom:4px solid #c4c4c4;}
.page{margin:0 auto;padding:3% 0 1% 2%;}
.page_top a ,.page_down a{color:#000000;}
.page_top a:hover ,.page_down a:hover{color:#c12323;}