@charset "utf-8";
/* CSS Document */

/*Function*/
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1;display:block}
.hide{display:none;}

/*Body*/
::-moz-selection{ background:#FFFF00; color:#000;}
::selection{ background:#FFFF00; color:#000; text-decoration:none;}
/* *:focus { outline: none;}*/
a{ color:#333;}
a:hover{ color:#666;}
html{ }
body{ font-family:Arial; font-size:13px; color:#333; line-height:1.6; background:url(../img/lay_0.png) repeat-x; min-width:320px;}


/*Index*/
.wrap{ max-width:970px; margin:0 auto; width:90%; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd;
box-sizing:border-box; -moz-box-sizing:border-box; transition:all .5s;
}
.logo img{ padding:27px 3%; width:250px; float:left;}

.g_header{ width:100%;}
.m_space{ display:none;}
.g_nav{ 
width:100%; height:44px; float:left;
background: #636466; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzYzNjQ2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDI5MmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #636466 8%, #2d292a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#636466), color-stop(100%,#2d292a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #636466 8%,#2d292a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #636466 8%,#2d292a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #636466 8%,#2d292a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #636466 8%,#2d292a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636466', endColorstr='#2d292a',GradientType=0 ); /* IE6-8 */
}
.g_nav li{ width:25%; float:left; text-align:center; height:44px; line-height:44px;background:url(../img/lay_2.jpg) no-repeat center right; position:relative;}
.g_nav li:last-child{ background:none;}
.g_nav li a{ font-size:15px; letter-spacing:1px; color:#fff; height:44px; width:99.6%; display:block; position:absolute; z-index:1;}
.g_nav li span{
width:99.6%; height:44px; display:block; position:absolute; z-index:0; opacity:0; transition:all .2s;
background: #e5312e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1MzEyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e5312e 0%, #990000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5312e), color-stop(100%,#990000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5312e 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5312e 0%,#990000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5312e 0%,#990000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5312e 0%,#990000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5312e', endColorstr='#990000',GradientType=0 ); /* IE6-8 */
}
.g_nav li:hover span,.g_nav li.current span{ opacity:1; transition:all .2s;}


.bx-wrapper{ float:left;}
.idx_banner{ position:relative; clear:both;}
.idx_banner img{ width:100%;}
.idx_banner div{ overflow:hidden;}
.idx_banner div p{ position:absolute; font-size:35px; z-index:9; color:#fff; font-family:"Arial Black", Gadget, sans-serif; text-shadow:0 0 15px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1); top:35%; left:5%; line-height:1.2;}
.idx_banner div span{ position:absolute; font-size:17px; letter-spacing:1px; z-index:9; color:#fff; font-style:italic; font-weight:bold; text-shadow:0 0 9px rgba(0,0,0,1); top:60%; left:5%;}

.idx_news *{ box-sizing:border-box; -moz-box-sizing:border-box;}
.idx_news,.if_news{
padding:2% 3%; float:left; text-align:justify;
background: #dae6e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGFlNmU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhZTZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #dae6e8 0%, #ffffff 37%, #dae6e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#dae6e8), color-stop(37%,#ffffff), color-stop(100%,#dae6e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #dae6e8 0%,#ffffff 37%,#dae6e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #dae6e8 0%,#ffffff 37%,#dae6e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #dae6e8 0%,#ffffff 37%,#dae6e8 100%); /* IE10+ */
background: linear-gradient(45deg,  #dae6e8 0%,#ffffff 37%,#dae6e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae6e8', endColorstr='#dae6e8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.idx_news h2,.if_news h2{ font-weight:bold; font-size:23px;}
.idx_news ul,.if_news ul{ border-bottom:1px solid #E5EEEF; float:left; padding:1% 0;}
.idx_news ul:last-child{ border:none; border-top:1px solid #C4CDCF;}
.idx_news li,.if_news li{ border-right:1px solid #929396; float:left;}
.idx_news li:nth-child(1){ width:32.33%; padding:1% 3% 1% 0;}
.idx_news li:nth-child(2){ width:35.33%; padding:1% 3%;}
.idx_news li:nth-child(3){ width:32.33%; padding:1% 0 1% 3%; border-right:none;}
.idx_news li time{}
.idx_news li h3,.if_news li h3{ font-size:15px; font-weight:bold;}
.idx_news li p{}

.g_footer, .g_footer *{ box-sizing:border-box; -moz-box-sizing:border-box;}
.g_footer{
padding:2% 3%; float:left; width:100%; color:#fff; position:relative;
background: #636466; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzYzNjQ2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDI5MmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #636466 8%, #2d292a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#636466), color-stop(100%,#2d292a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #636466 8%,#2d292a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #636466 8%,#2d292a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #636466 8%,#2d292a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #636466 8%,#2d292a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636466', endColorstr='#2d292a',GradientType=0 ); /* IE6-8 */
}

.ft_company{ float:left; margin-bottom:3%;}
.ft_company h2{ font-weight:bold; font-size:25px;}
.ft_company ul{}
.ft_company li{ background:url(../img/lay_4.png) no-repeat 2px center; text-indent:15px; float:left; width:227px;}
.ft_company li a{ color:#fff; opacity:.8;}
.ft_company li a:hover{ opacity:1; }


.ft_social{ float:right;}
.ft_social h2{ font-weight:bold; font-size:25px;}
.ft_social ul{ margin-left:-15px;}
.ft_social li{ float:left;}
.ft_social i{ text-shadow:0 1px 1px #000; font-size:32px;}
.ft_social i.icon-twitter-bird{ font-size:29px; position:relative; top:3px; left:-4px;}
.ft_social a{ color:#fff; opacity:.6;}
.ft_social a:hover{ opacity:1; transition:all .2s;}

.ft_line{ clear:both; width:106%; border-top:1px solid #666; margin-left:-3%; margin-top:2%;}

.ft_brand{ clear:both; width:100%; /*display:table;*/ border-top:1px solid #666; padding-top:2%; text-align:left;}
.ft_brand li{ width:19.6%; /*display:table-cell;*/ display:inline-block; vertical-align:middle; text-align:center;}
.ft_brand li img{ width:70%; display:inline-block;}

.ft_contact{ font-size:12px; line-height:1.2; margin-top:2%; float:left;}
.ft_contact dt{ display:none;}
.ft_contact a{ color:#fff;}

.ft_copyright{ float:right; position:absolute; bottom:6%; right:3%;}






.if_content{ clear:both; padding:3% 3% 5%; line-height:1.9; min-height:873px; text-align:justify;}
.if_content h1,.if_news h1{ font-size:25px; font-weight:bold; line-height:1.1; padding:0 0 20px; text-align:left;}
.if_content figcaption{ font-style:italic;}

.if_content .if_txt{ width:54%; float:left; margin-right:3%;}
.if_content .if_pic{ width:40%; float:right; margin-top:58px;}
.if_content .if_pic img{ width:100%;}



.if_news{ width:94%; clear:both; padding:3% 3% 5%; line-height:1.9;}
ul.ul_news{ border:0;}
.if_news li{ border:none; border-bottom:1px solid #929396; width:100%; line-height:1.9; padding:1.5% 0;}
.if_news li:last-child{ border:none;}


.pager{ clear:both; text-align:center; padding:3% 0;}
.if_pager{ text-align:right;}
.pager a{ display:inline-block; color:#666; padding:0 8px; margin:0 1px; font-weight:bold;}
.pager span{ float:left; display:inline-block; padding:0 7px;}
.pager a:hover{ color:#E50012;}
.pager a.current{ color:#E50012; font-weight:bold; cursor:default;}

.pager a.prev,.pager a.next,.pager span.more{background:url(../img/lay_8.png); width:30px; height:30px; text-indent:-9999px; padding:0; position:relative; top:-5px; background-size:60px 30px;}

.pager a.prev{ }
.pager a.next{ background-position:-30px 0;}
.pager span.more{ margin-right:10px;}

.ck_zone{ clear:both;}
.ck_zone a{ color:red; text-decoration:underline;}



.ul_brands h2,.if_wholesales h2,.fs_h2{ color:#666; font-weight:bold; font-size:20px;}
.ul_brands figure{ width:20%; display:table-cell; vertical-align:middle;}
.ul_brands figure img{ width:100%; margin:0 auto;}
.ul_brands li{ clear:both; border-top:1px solid #ccc; display:table; padding:3% 0;}
/*.ul_brands li:last-child{ border-bottom:none;}*/
/*.ul_brands li:last-child img{ margin-top:-11%;}*/
.ul_brands .if_txt{ width:92%; margin:0; float:right;}


.ul_ws_1{}
.ul_ws_1 li{ width:16.6%; text-align:center; float:left; position:relative;}
.ul_ws_1 img{ display:inline-block;}
.ul_ws_1 li + li:before { content:''; width:15px; height:23px; display:block; background:url(../img/lay_11.png) no-repeat; position:absolute; top:50px; left:-5%; background-size:15px 23px;}
.ul_ws_1 p{ }


.if_oem .if_txt{ margin-right:0; width:41%;}
.if_oem .if_pic{ width:53%;}
.if_oem .if_pic img{ margin-top:-35px;}
.if_oem figcaption{ margin:-4% 0 0 6.5%;}


.ct_img_1{ width:64%; margin:72px auto 0;}
.ct_img_1 img{ width:100%;}

.tb_contact{ width:64%; margin:0 auto; border:1px solid #eee;}
.tb_contact th{ background:#eee; font-weight:bold; vertical-align:top; width:40%;}
.tb_contact td{ width:60%;}
.tb_contact th,.tb_contact td{ border-bottom:1px solid #ddd; padding:1% 2%;}

b.label{ display:none;}
.fs_red_1{ color:red; text-decoration:underline;}

.ul_1{}
.ul_1>li{ margin-left:22px; list-style-type:disc;}
.ul_1>li>ul>li{}



/*Mobile*/
#m_nav_open{ display:none; font-size: 30px; float: right; margin: 2%;}
#m_nav{ width:100%; height:100%; background:rgba(0,0,0,.8); position:fixed; top:130%; left:0; z-index:999; transition:all .3s;}
#m_nav ul.m_nav_main{ margin-top:20%;}
#m_nav ul.m_nav_main li{ text-align:center; border-bottom:1px solid rgba(255,255,255,.2);}
#m_nav ul.m_nav_main a{ color:#fff; font-size:26px; padding:1% 0; width:100%; display:inline-block;}
#m_nav ul.m_nav_main a:hover{ color:#000; background:#fff;}

.wrap.m_nav_isOn{ -webkit-transform:scale(.8); transform:scale(.8); transition:all .5s; box-shadow:0 0 10px rgba(0,0,0,.5)}
#m_nav.m_nav_isOn{ top:0; transition:all .7s;}


a#m_nav_close{ text-indent:-9999px; position:absolute; top:0; right:2%; width:60px; color:#fff; font-size:30px; padding:2% 0; display:inline-block;}
#m_nav_close::before, #m_nav_close::after {
content: " ";
display: block;
height: 60px;
width: 1px;
background: #fff;
position: absolute;
left: 26px;
top: 10px;
-webkit-transform:rotate(45deg);
}
#m_nav_close::after {
-webkit-transform:rotate(-45deg);
}





.m_footer{ position:absolute; bottom:3%; left:3%;}
.m_footer .ft_social{ float:left;}
.m_footer .ft_social i{ font-size:29px;}
.m_footer .ft_company{ margin-bottom:8%; clear:both;}
.m_footer .ft_copyright{ float:left; position:inherit; right:0; bottom:0; left:0; color:#fff;}
.m_footer .ft_social i.icon-twitter-bird{ font-size:26px;}
.m_footer .ft_social ul{ margin-left:-10px;}
.m_footer .ft_company li{ width:150px;}




.s_ul_1{}
.s_ul_1>li{ margin-left:22px; list-style-type:decimal;}
.s_ul_1>li>ul>li{}


.ck_zone ol { margin-left:25px;}
.ck_zone ol li{ list-style:decimal; border:none; padding:0; float:none;}
.ck_zone ul { margin-left:25px; float:none; padding:0; border:none;}
.ck_zone ul li{ list-style:disc; border:none; padding:0; float:none;}



@media screen and (max-width: 1200px) {
	/*.idx_banner div span{ top:65%;}*/
}
@media screen and (max-width: 990px) {
	.wrap{ width:100%;}
	.idx_banner div span{ top:70%;}
	.ul_brands figure{ width:30%;}	
}
@media screen and (max-width: 950px) {
	.ul_ws_1 img{ width:80%;}
	.ul_ws_1 li + li:before{ top:40px;}
}
@media screen and (max-width: 900px) {
	.if_oem .if_pic{ width:47%; margin-top:71px;}
	.if_oem .if_txt{ width:48%;}
}
@media screen and (max-width: 740px) {
	#m_nav_open{ display:block;}
	.g_nav{ display:none;}
	.if_content{ 
background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 55%, #ffffff 55%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(55%,#ffffff), color-stop(55%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 55%,#ffffff 55%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 55%,#ffffff 55%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 55%,#ffffff 55%); /* IE10+ */
background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 55%,#ffffff 55%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


	}
	.if_oem .if_txt{ width:100%;}
	.if_oem .if_pic{ width:100%;}
	
	.g_header{ position:fixed; z-index:99; background:#fff; border-bottom:1px solid #ddd;}
	.m_space{ display:block;}
	
	.tb_contact{ width:100%;}
	.tb_contact th{ width:30%;}
	.tb_contact td{ width:70%;}
	
	.ul_ws_1 li + li:before{ top:30px; left:-8%;}
	
	.ct_img_1{ width:100%;}
	
	.if_oem .if_pic img{ margin-top:0;}
	
	.ct_img_1{margin:0;}
	
}
@media screen and (max-width: 700px) {
	.wrap{ width:100%;}
	.idx_banner div span{ top:75%;}
	.tb_contact th{ width:40%;}
	.tb_contact td{ width:60%;}
}
@media screen and (max-width: 650px) {
	.idx_news ul{ border:none;}
	.idx_news ul:last-child{ border:none;}
	.idx_news li{ border:none; border-bottom:1px solid #C4CDCF;}
	.idx_news li:nth-child(1){ width:100%; padding:2% 0;}
	.idx_news li:nth-child(2){ width:100%; padding:2% 0;}
	.idx_news li:nth-child(3){ width:100%; padding:2% 0;}
	.idx_news ul:last-child li:last-child{ border-bottom:0;}
	.ft_social{ float:left;}
	.ft_copyright{ float:left; clear:both; position:inherit; right:0;}
	.idx_banner{ background:#000;}
	.idx_banner img{ width:120%; margin-left:-10%;}
	.idx_banner div p{ font-size:15px; top:73%;}
	.idx_banner div span{ top:90%; font-size:10px;}
	.bx-controls{ display:none;}
	.logo img{ width:50%;}	
	
	.g_footer{ display:none;}
	.m_footer{ display:block;}
	
}
@media screen and (max-width: 600px) {
	.if_content .if_txt{ width:100%; margin-right:0%;}
	.if_content .if_pic{ width:100%; padding-top:5%; margin-top:0;}
	.ul_brands figure{ width:100%; margin-right:0; display:block;}
	/*.ul_brands li:last-child img{ margin-top:0%;}*/
	
	.ul_ws_1 li{ width:33%; font-size:10px;}
	.ul_ws_1 li:nth-child(3)::before{ display:block;}
	.ul_ws_1 li:nth-child(3n+1)::before{ display:none;}
	
	.ul_ws_1 img{ width:50%;}
	.ul_ws_1 li:nth-child(3n+1){ clear:both;}
	
	.ul_brands figure img{ width:60%;}
}
@media screen and (max-width: 500px) {
	
	
	.tb_contact th{ display:none;}
	.tb_contact td{ width:100%;}
	.tb_contact tr:last-child td{ border:none;}
	b.label{ display:block;}
}
@media screen and (max-width: 400px) {
	.idx_banner img{ width:140%; margin-left:-20%; /*padding-bottom:60px;*/}
	.idx_banner div p{ top:75%;}
	.logo img{ padding:4% 3%;}
}



@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){
	.pager a.prev{ background-image:url(../img/lay_9.png);}
	.pager a.next{ background-image:url(../img/lay_8.png);}
	.ul_ws_1 li + li:before { background-image:url(../img/lay_12.png);}
	
}