<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

.clearfix:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:'';
	font-size:0;
	line-height:0;
}
#header{height:500px; overflow:hidden;}
.visual_sub_bg{background:url(../images/bg/bg_header_what.jpg) center top no-repeat; background-size:cover; height:100%; width:100%; position:absolute; z-index:-1; top:0;}
.addthis_inline_share_toolbox_ayql{ margin-top:30px;text-align:center;}
#header .subMove_next,#header .subMove_pre{top:231px;}

.new_product {margin-top:65px;min-height:472px; word-break:keep-all;font-size:12px;font-family:'Noto Sans SC';line-height:18px;}
.new_product .inner_new_product {margin:0 auto; max-width:1200px;width:95%;height:100%;}
.new_product .inner_new_product .new_product_menu {position:relative;float:left; min-height:440px; max-width:455px; width:40%;}
.new_product .inner_new_product .new_product_menu img.polygons_image {position:absolute;}
.new_product .inner_new_product .new_product_menu img.polygons_image.item1 {top:0;left:126px;}
.new_product .inner_new_product .new_product_menu img.polygons_image.item2 {top:109px;left:-62px;}
.new_product .inner_new_product .new_product_menu img.polygons_image.item3 {top:212px;left:2px;}
.new_product .inner_new_product .new_product_menu img.polygons_image.item4 {top:212px;left:248px;}
.new_product .inner_new_product .new_product_menu img.polygons_image.item5 {top:318px;left:-61px;}
.new_product .inner_new_product .new_product_menu ul.goods_list {}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li {position:absolute;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.menu1 {top:0;left:0;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.menu2 {top:107px;left:62px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.menu3 {top:212px;left:125px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.menu4 {top:317px;left:61px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li strong {
	z-index:10;
	display:block;
	width:115px;
	height:128px;
	background:url(../images/what/new_product_menu_off.png) no-repeat left top;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	line-height:128px;
	transition:all 0.7s;
}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li strong a {color:#f8aa66;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.on strong {background:url(../images/what/new_product_menu_on.png) no-repeat left top;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.on strong a {color:#fff;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul {position:absolute;display:none; background-position:left top;background-repeat:no-repeat; opacity:0;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.menu3 strong {padding-top:40px;height:90px;line-height:24px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.menu1  &gt; ul {top:-10px;left:88px;width:80px;height:115px;background-image:url(../images/what/new_product_menu1_branch.png);}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.menu2  &gt; ul {top:-18px;left:87px;width:81px;height:108px;background-image:url(../images/what/new_product_menu2_branch.png);}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.menu3  &gt; ul {top:-9px;left:86px;width:67px;height:134px;background-image:url(../images/what/new_product_menu3_branch.png);}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li.menu4  &gt; ul {top:60px;left:115px;width:40px;height:9px;background-image:url(../images/what/new_product_menu4_branch.png);}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li {position:absolute;width:200px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu1_1 {top:-6px;left:30px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu1_2 {top:30px;left:71px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu1_3 {top:65px;left:90px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu1_4 {top:101px;left:90px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu2_1 {top:-5px;left:42px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu2_2 {top:44px;left:92px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu2_3 {top:93px;left:92px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu3_1 {top:-6px;left:58px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu3_2 {top:38px;left:78px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu3_3 {top:77px;left:64px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu3_4 {top:120px;left:64px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.menu4_1 {top:-5px;left:49px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li a {color:#777;font-weight:bold;font-size:16px;}
.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li.on a {color:#f37200;}

.new_product .inner_new_product .new_product_contents {float:right; margin-left:20px; _max-width:690px; width:58%;}
.new_product .inner_new_product .new_product_contents .product_contents {display:none;}
.new_product .inner_new_product .new_product_contents .product_contents .goods_thumbnail {text-align:center;}
.new_product .inner_new_product .new_product_contents .product_contents .goods_thumbnail img {border:1px solid #d9d9d9;vertical-align:top; }
.new_product .inner_new_product .new_product_contents .product_contents &gt; ul {margin-top:39px;font-size:15px;}
.new_product .inner_new_product .new_product_contents .product_contents &gt; ul &gt; li {margin-top:20px;}
.new_product .inner_new_product .new_product_contents .product_contents &gt; ul &gt; li:first-child {margin-top:0;}
.new_product .inner_new_product .new_product_contents .product_contents &gt; ul &gt; li:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:'';
	font-size:0;
	line-height:0;
}
.new_product .inner_new_product .new_product_contents .product_contents &gt; ul &gt; li strong {float:left;width:150px;color:#0082a7; margin-bottom:2px;}
.new_product .inner_new_product .new_product_contents .product_contents &gt; ul &gt; li p,
.new_product .inner_new_product .new_product_contents .product_contents &gt; ul &gt; li ul {float:left; width:calc(100% - 150px); color:#555; word-break:keep-all; letter-spacing:-0.025em; line-height:19px;}
.new_product .inner_new_product .new_product_contents .product_contents &gt; ul &gt; li ul li {padding-left:8px;background:url(../images/com/bul_hyphen_type1.gif) no-repeat 0 9px;color:#333;}
.new_product .inner_new_product .new_product_contents .product_contents &gt; ul &gt; li .point {font-weight:bold;}

.technique_section {font-size:15px;font-family:'Noto Sans SC'; margin:0 79px;}
.technique_section:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:'';
	font-size:0;
	line-height:0;
}

.foundation_technique {background:#e4f3f6 url(../images/what/bg_foundation_technique.gif) no-repeat right bottom; position:relative;}
.foundation_technique .sub_section_title p{color:#0082a7;}
.foundation_technique .slideArea { position:relative;margin:0 auto; max-width:1298px;width:90%;}
.foundation_technique .slideArea .complicity {width:100%;}
.technique_section .thumbnail {float:left; max-width:363px; width:40%;}
.technique_section .thumbnail img{width:100%;}
.technique_section .thumbnail button {display:block; margin-top:30px; width:100%; height:40px; border-radius:3px;background-color:#72797b;color:#fff;text-align:center;font-size:15px; font-family:'Noto Sans SC';}
.technique_section .info {float:right; margin-left:20px;max-width:636px; width:55%;}
.technique_section .info &gt; strong {color:#000;font-weight:bold;font-size:28px; line-height:1.3em;}
.technique_section .info &gt; ul {margin-top:25px;}
.technique_section .info &gt; ul &gt; li {margin-top:24px;color:#555;line-height:24px;}
.technique_section .info &gt; ul &gt; li:first-child {margin-top:0;}
.technique_section .info &gt; ul &gt; li &gt; ul {}
.technique_section .info &gt; ul &gt; li &gt; ul &gt; li { padding:5px 0 5px 14px;padding-left:14px;background:url(../images/com/bul_dot_type1.gif) no-repeat 0 10px; line-height:18px;}
.technique_section .info &gt; ul &gt; li strong {color:#f37200;font-weight:bold;}
.foundation_technique .slideArea a.slide_button {display:inline-block;z-index:10;width:30px;height:56px;background-position:left top;background-repeat:no-repeat;font-size:0;line-height:0; cursor:pointer;}
.foundation_technique .slideArea a.slide_button.button-next {position:absolute; top:149px; right:0;background:url(../images/btn/btn_silder_next_on.png) no-repeat; }
.foundation_technique .slideArea a.slide_button.button-prev {position:absolute; top:149px; left:0;background:url(../images/btn/btn_silder_pre_on.png)no-repeat;}

.complicity{
  margin:65px auto 0;
  max-width:1191px;
  height:auto;
  }
.complicity div{box-sizing:border-box;}
.swiper-pagination{ margin-top:10px;width:100%; }
.swiper-pagination-bullet-active{background:#f58726 !important;}
.swiper-pagination span{margin: 0 5px;}

@media screen and (max-width:1200px){
	.new_product .inner_new_product .new_product_menu ul.goods_list &gt; li  &gt; ul &gt; li a {color:#777;font-weight:bold;font-size:16px;}
	.new_product .inner_new_product .new_product_contents {width:calc(50% - 20px);}

}
@media screen and (max-width:767px){
.sub_section.s1{min-height:1000px;}
.new_product .inner_new_product{width:90%;}
.new_product{margin-top:20px;}
.new_product .inner_new_product .new_product_menu{width:100%}
.m_goods_list{width:100%; margin:0 auto;}
.m_goods_list:after{content:""; display:block; clear:both;}
.new_product .inner_new_product .new_product_menu{max-width:100%; height:auto; min-height:auto; position:relative;}.m_goods_list{position:relative;}
.m_goods_list &gt; div {float:left; width:calc(25% - 4%); margin:0 2%;}
.m_goods_list &gt; div &gt; strong{display:block; background:url(../images/what/new_product_menu_off.png) no-repeat; background-size:contain; height:150px; text-align:center; font-size:14px; padding-top:49%;}
.m_goods_list &gt; div:nth-child(3) &gt; strong{padding-top:40%;}
.m_goods_list &gt; div &gt; strong a{color:#f8aa66;}
.m_goods_list &gt; div.on &gt; strong{background:url(../images/what/new_product_menu_on.png) no-repeat; background-size:contain;}
.m_goods_list &gt; div.on &gt; strong &gt; a{color:#fff;}
.m_goods_list &gt; div &gt; select{width:100%; position:absolute; left:-50%; _top:75%; bottom:0; margin-left:50%; height:45px; font-size:15px; padding-left:40px; border:1px solid #f37200; color:#686868; font-family:'Noto Sans SC'}
.new_product .inner_new_product .new_product_contents{width:100%; margin:30px 0 0;}
.new_product .inner_new_product .new_product_contents .product_contents .goods_thumbnail{max-width:317px; width:100%; margin:0 auto;}
.new_product .inner_new_product .new_product_contents .product_contents .goods_thumbnail img{width:100%;}
.complicity{padding-top:47px; margin-top:10px;}
.technique_section{margin:0 5px;}
.technique_section .thumbnail{width:100%;}
.technique_section .info{width:100%; margin:30px 0 0; }
.swiper-pagination-bullet{width:12px !important; height:12px !important;}
.technique_section .thumbnail button{margin-top:15px;}
.how_core #tab5 img{margin:40px 0 0;}
}

@media screen and (max-width:420px){
	.visual .visual_title{margin-top:25px;}
	#header{height:450px;}
	.visual .visual_title p:nth-child(3){margin:20px;}
	.technique_section .info &gt; strong{font-size:20px;}
	.m_goods_list &gt; div &gt; strong{font-size:11px;padding-top:43%; line-height:1.3em; height:110px;}
	.m_goods_list &gt; div:nth-child(3) &gt; strong{padding-top:30%;}
	.m_goods_list &gt; div &gt; select{top:63%;}
	.new_product .inner_new_product .new_product_contents .product_contents &gt; ul &gt; li p, .new_product .inner_new_product .new_product_contents .product_contents &gt; ul &gt; li ul{width:100%;}
}
</pre></body></html>