@charset "UTF-8";

@media screen and (max-width: 999px ){

body{}

.pcOnly,
.pankuzu,
.contentsPankuzu{ display:none; }


	a:link,
	a:visited{ 
	text-decoration:none; 
	color:#12644b; 
	transition:all 0.3s ease-out; 
	}
	a:hover,
	a:active{ 
	text-decoration:underline; 
	color:#12644b; 
	}
		
	.compofujiNav{ margin:0 15px 20px; padding:0px 0 0; border-bottom:#cccccc 1px solid; }
	.compofujiNav ul{ width:100%; overflow:hidden; }
	.compofujiNav ul li{ width:50%; float:left; margin:0 0 10px; }
	.compofujiNav ul li a{ display:inline-block; border-bottom:#ffffff 3px solid; text-decoration:none; font-size:14px; color:#343434; }
	.compofujiNav ul li a.on,
	.compofujiNav ul li a:hover{ border-color:#12644b; color:#12644b; }
	
	
	.compofujiKv{ width:100%; margin:0 0 30px; }
	.compofujiKv .kvPankuzuArea{ display:none; }
	.compofujiKv .functionImg{ background:#ededed; text-align:center; }
	
	
	ul.pankuzu {
	overflow: hidden;
	}
	
	ul.pankuzu li { 
	float:left; 
	font-size:16px; 
	color:#ffffff; 
	font-weight:bold;
	}
	
	ul.pankuzu li a { 
	text-decoration:none; 
	color:#ffffff; 
	}
	
	ul.pankuzu li a:after { 
	content:">"; 
	margin:0 5px; 
	}
	
	ul.pankuzu li a:hover { 
	opacity:0.7; 
	}

	
	.compofujiLead{ padding:30px 0; background:url(bg_conpofuji_reason.png) no-repeat center 0; background-size:400% 100%; text-align:center; color:#ffffff; }
	.compofujiLead .title{ margin:0 0 30px; font-size:20px; font-weight:normal; }
	.compofujiLead .txt{ margin:0 15px 24px; font-size:14px; }
	.compofujiLead figure{ padding:0 15px; text-align:center; }
	.compofujiLead figure img{ width:100%; height:auto; }

	.compofujiReason{ padding:40px 0 30px; }
	.compofujiReason .title{ margin:0 0 35px; text-align:center; font-size:20px; font-weight:normal; }
	.compofujiReason ul{ margin:0 15px; }
	.compofujiReason ul li{ margin:0 0 30px; }
	.compofujiReason ul li:last-child{ margin-right:0; }
	.compofujiReason ul li .tit{ margin:0 0 45px; padding:10px 0; background:#12644b; text-align:center; color:#ffffff;  position:relative; }
	
	.chanpin{ margin:0 0 70px; padding:0 0 70px; background:url(bg_point.png) no-repeat center fixed #374042; background-size:200% auto; }
	.chanpin .title{ padding:35px 0; text-align:center; font-size:20px; font-weight:normal; color:#ffffff; }
	.chanpin ul{ margin:0 15px; }
	.chanpin ul li{ color:#ffffff; }
	.chanpin ul.twoList li,
	.chanpin ul.threeList li{ margin:0 0 35px; }
	.chanpin ul li figure{ margin:0 0 15px; }
	.chanpin ul li p.tit{ margin:0 0 20px; font-size:16px; }
	.chanpin ul li p.tit .label{ display:inline-block; margin:0 0 0 10px; padding:3px 10px; border:#ffffff 1px solid; font-size:10px; color:#ffffff; line-height:1; vertical-align:3px; }
	.chanpin ul li p.txt{ font-size:14px; }
	.chanpin ul li .link a{ text-decoration:none; color:#ffffff; }
	.chanpin ul li .link a:before{ content:">"; margin:0 10px 0 0; }
	
	.cmContainer {
	box-sizing:border-box;
	}
	
	#siteHeader { 
	padding:14px 15px;
	position:relative;
	}
	
	
	#siteHeader .logo a { 
	width:100px; 
	height:23px; 
	display:block; 
	background:url(logo_sanyu.png) no-repeat 0 0; 
	background-size: 100px auto;
	text-indent:-9999px; 
	}
	
	a.contactBtn,
	input.contactBtn{ display:block; padding:9px 22px; background:#12644b; border-radius:50px; text-decoration:none; box-sizing:border-box; font-size:14px; color:#ffffff; }
	
	#siteHeader .headerLink{ position:absolute; top:0; right:51px; }
	#siteHeader .headerLink li{ float:left; }
	#siteHeader .headerLink li a.gsLink{ width:51px; display:block; margin:16px 0 0; padding:0 13px 0 0; text-decoration:none; background:url(ico_blank.png) no-repeat right 8px top 5px; font-size:12px; color:#343434; }
	#siteHeader .headerLink li a.contactBtn{ width:51px; height:51px; display:block; background: url(ico_mail.png) no-repeat center center; background-size:25px auto; text-indent:-9999px; }
		
	
	#siteHeader .btnFix{ position:fixed !important; }
	#siteHeader .spGnavBtn{ position:absolute; top:0; right:0; z-index:30; }
	#siteHeader .spGnavBtn a{ width:51px; height:51px; display:inline-block; background:#3359b4; position:relative; }
	#siteHeader .spGnavBtn a span{ width:25px; height:2px; display:block; position:absolute; top:50%; left:40%; margin:-1px 0 0 -7px; background:#ffffff; transition:.2s; }
	#siteHeader .spGnavBtn a span:after,
	#siteHeader .spGnavBtn a span:before{ width:25px; height:2px; display:block; content:""; position:absolute; top:50%; left:0; background:#ffffff; transition: .3s; }
	#siteHeader .spGnavBtn a span:before{ margin-top:-8px; }
	#siteHeader .spGnavBtn a span:after{ margin-top: 6px; }
	#siteHeader .spGnavBtn a span.close{ background: transparent; }
	#siteHeader .spGnavBtn a span.close:after{ margin-top: 0; }
	#siteHeader .spGnavBtn a span.close:before{ margin-top:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	#siteHeader .spGnavBtn a span.close:after{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
		
	#siteHeader .headerNav{ display:none; width:100%; background:#12644b; position:absolute; top:51px; right:0; z-index:3000; }
	#siteHeader .headerNav.open{ display:block; }
	#siteHeader .headerNav ul#gnav{ width:100%; display:block; padding:20px 15px; box-sizing:border-box; }
	#siteHeader .headerNav ul#gnav li{ width:100%; display:block; margin:0 0 10px; }
	#siteHeader .headerNav ul#gnav li:last-child{ margin-bottom:0; }
	#siteHeader .headerNav ul#gnav li a{ display:block; padding:10px; text-align:center; background:#5c7ac3; }
	#siteHeader .headerNav ul#gnav li a:link,
	#siteHeader .headerNav ul#gnav li a:visited,
	#siteHeader .headerNav ul#gnav li a:hover,
	#siteHeader .headerNav ul#gnav li a:active{ color:#ffffff; }
	
	

	
	
	.blueTit{ margin:0 0 25px; padding:0 0 10px; border-bottom:#e0e2e9 2px solid; font-size:20px; font-weight:normal; position:relative; }
	.blueTit:after{ width:100px; height:2px; content:" "; background:#3c5dac; position:absolute; left:0; bottom:-2px; }
	.busiBox .imgMgBT{ margin:0 0 30px; }
	
	.busiBox ul.compolist1 { 
	margin:0 0 35px; 
	}
	
	.busiBox ul.compolist1 li { 
	padding:0 0 10px 0; 
	position:relative; 
	}
	
	.busiBox ul.compolist1 li:before { 
	margin:2px 0 0; 
	font-size:14px; 
	color:#cbcedb; 
	position:absolute; 
	top:0; 
	left:0; 
	}
	
	
	
	
	.busiBox .structureImg .structureImgL{ text-align:center; }
	.busiBox .structureImg .structureImgR{ padding:15px 0 0 0; }

	img{ width:100%; }
	
	
	.contentsPankuzu { 
	padding:15px 0; 
	background:#f2f2f2; 
	border-top:#e0e4ed 1px solid; 
	}
	
	.contentsPankuzu ul.pankuzu li { 
	color:#818181; 
	}
	
	.contentsPankuzu ul.pankuzu li a { 
	color:#333333; 
	}
	
	.busiBox{ margin:0 15px 30px; font-size:14px; }
	
	
	.busiBox .specificationTable table{ width:100%; table-layout:fixed; border-top:#e3e3e3 1px solid; border-left:#e3e3e3 1px solid; font-size:10px; }
	.busiBox .specificationTable table th{ text-align:left; background:#ececec; border-right:#e3e3e3 1px solid; border-bottom:#e3e3e3 1px solid; font-weight:normal; word-break:break-all; }
	.busiBox .specificationTable table th.th1,
	.busiBox .specificationTable table th.th2,
	.busiBox .specificationTable table th.th3{ padding:15px 10px; }
	.busiBox .specificationTable table th.th4{ padding:15px 0; text-align:center; }
	.busiBox .specificationTable table th.th5{ padding:15px 0; text-align:center; }
	.busiBox .specificationTable table th.th6{ padding:15px 0; text-align:center; }
	.busiBox .specificationTable table th.th7{ text-align:center; }
	.busiBox .specificationTable table th.th8{ padding:0 10px; text-align:center; vertical-align:middle; }
	.busiBox .specificationTable table th.th9{ padding:5px 10px; text-align:center; vertical-align:middle; }
	.busiBox .specificationTable table th.th9 strong{ display:block; }
		
	.busiBox .specificationTable table td{ padding:15px 10px; text-align:center; border-right:#e3e3e3 1px solid; border-bottom:#e3e3e3 1px solid; word-break:break-all; vertical-align:middle; }
	
	
	#siteFooter{ background:#187156; font-size:14px; color:#ffffff; }
	#siteFooter a{ display:block; text-decoration:none; color:#ffffff; }
	#siteFooter a:hover{ opacity:0.7; }
	#siteFooter .siteFooterCon{ padding:20px 15px 40px; overflow:hidden; }
	
	.pageTop{ width:100%; background:#e9e9e9; overflow:hidden; }
	.pageTop a{ width:96px; height:43px; display:block; float:right; text-indent:-9999px; background:url(pagetop.png) no-repeat 0 0; background-size:100% auto; overflow:hidden; }
		
	
	
	#siteFooter .tit{margin:0 0 12px; font-weight:bold; }
	
	#siteFooter .footProductList{ width:560px; float:left; }
	#siteFooter .footProductList dl{ width:170px; float:left; margin:0 10px 0 0; font-size:12px; }
	#siteFooter .footProductList dl.long{ width:230px; }
	#siteFooter .footProductList dl dt{ margin:0 0 7px; }
	#siteFooter .footProductList dl dd{ margin:0 0 4px; }
	#siteFooter .footProductList dl dd a:before{ content:"-"; margin:0 5px; }
	
	
	#siteFooter .footSiteList{ width:190px; float:left; }
	#siteFooter .footSiteList ul li{ margin:0 0 5px; font-weight:bold; }
	
	#siteFooter .footRecruit{ width:350px; float:left; }
	#siteFooter .footRecruit img{ vertical-align:bottom; }

	#siteFooter .footerBt{ text-align:center; background:#12644b; font-size:12px; }
	#siteFooter .footerBt .footerBtCon{ padding:18px 0 10px; }
	#siteFooter .footerBt ul{ margin:0 0 10px; }
	#siteFooter .footerBt .copyright{ font-size:10px; color:#ffffff; line-height:1.2; }
		
	.gdHover{ display:block; position:relative; overflow:hidden; }
	.gdHover:after { width:100%; height:100%; content: ''; display: block; position: absolute; top: 0; left: 0; transform:scaleX(0); background:#5a78c5; /*background: url(/nyushi/img/index/colorBg.png) top left no-repeat; background-size:100% 100%;*/ /*background:linear-gradient(135deg, #66cc99 0%, #75d1d1 100%);*/ /*background:linear-gradient(135deg, #ff9897 0%, #66cc99 26%, #75d1d1 71%, #ffcc33 100%);*/ opacity:0.5; opacity:0; transition:all 0.4s ease; }
	.gdHover:hover:after{ transform:scaleX(1); opacity:0.3; transition:all 0.4s ease; }
	
	
	
	.pageTitleArea{ min-height:119px; background-color:#12644b; box-sizing:border-box; color:#ffffff; }
	.pageTitleArea .jpTit{ padding:40px 0 0; text-align:center; font-size:20px; line-height:1; font-weight:normal; }
	.pageTitleArea .enTit{ text-align:center; font-size:14px; }

	
	.contactArea{ padding:30px 15px 60px; }
	
	.contactArea .lead p{ margin:0 0 20px; }
	.contactArea .lead dl{ margin:0 0 20px; text-align:center; border:#e9e9e9 1px solid; }
	.contactArea .lead dl dt{ margin:0 0 10px; padding:10px; background:#e9e9e9; }
	.contactArea .lead dl dd{ padding:15px; }
	.contactArea .lead dl dd p{ display:inline-block; margin:0 10px; font-size:24px; color:#325ab2; }
	.contactArea .lead dl dd p span{ display:inline-block; margin:0 10px 0 0; padding:1px 10px; background:#325ab2; font-size:14px; color:#ffffff; vertical-align:4px; }
	.contactArea .txt{ margin:0 0 10px; }
	
	.compofujiPoint{ margin:0 0 70px; padding:0 0 70px; background:url(bg_point.png) no-repeat center fixed #374042; background-size:200% auto; }
	.compofujiPoint .title{ padding:35px 0; text-align:center; font-size:20px; font-weight:normal; color:#ffffff; }
	.compofujiPoint ul{ margin:0 15px; }
	.compofujiPoint ul li{ color:#ffffff; }
	.compofujiPoint ul.twoList li,
	.compofujiPoint ul.threeList li{ margin:0 0 35px; }
	.compofujiPoint ul li figure{ margin:0 0 15px; }
	.compofujiPoint ul li p.tit{ margin:0 0 20px; font-size:16px; }
	.compofujiPoint ul li p.tit .label{ display:inline-block; margin:0 0 0 10px; padding:3px 10px; border:#ffffff 1px solid; font-size:10px; color:#ffffff; line-height:1; vertical-align:3px; }
	.compofujiPoint ul li p.txt{ font-size:14px; }
	.compofujiPoint ul li .link a{ text-decoration:none; color:#ffffff; }
	.compofujiPoint ul li .link a:before{ content:">"; margin:0 10px 0 0; }
	
	
	.busiBox ul.twoList > li{ margin:0 0 30px; }
	.busiBox ul.threeList > li{ margin:0 0 30px; }
	.busiBox ul.twoList > li p.tit{ margin:0 0 15px; font-size:16px; }
	.busiBox ul.twoList > li p.tit .discBlue{ width:25px; height:25px; display:inline-block; margin:0 8px 0 0; padding:7px 0 0; text-align:center; background:#3c5dac; box-sizing:border-box; border-radius:50%; vertical-align:middle; font-size:14px; color:#ffffff; line-height:1; }
	.busiBox ul.threeList > li p.tit{ margin:0 0 15px; font-size:14px; }
	.busiBox ul.threeList > li p.tit .discBlue{ width:25px; height:25px; display:inline-block; margin:0 8px 0 0; padding:7px 0 0; text-align:center; background:#3c5dac; box-sizing:border-box; border-radius:50%; vertical-align:1px; font-size:14px; color:#ffffff; line-height:1; }
	.busiBox ul.threeList > li p.sTit{ margin:0 0 15px; padding:0 0 10px; border-bottom:#e0e2e9 1px solid; font-size:14px; line-height:1.4; }
	.busiBox ul.twoList > li figure,
	.busiBox ul.threeList > li figure{ margin:10px 0 15px; position:relative; }
	.busiBox ul.twoList > li figure img,
	.busiBox ul.threeList > li figure img{ vertical-align:bottom; }
	.busiBox ul.twoList > li figure .cap,
	.busiBox ul.threeList > li figure .cap{ padding:2px 5px; background:#e0e4ed; font-size:10px; position:absolute; right:0; bottom:0; }
	.busiBox ul.twoList > li p.link a,
	.busiBox ul.threeList > li p.link a{  text-decoration:none; }
	.busiBox ul.twoList > li p.link a:before,
	.busiBox ul.threeList > li p.link a:before{ content:">"; margin:0 5px 0 0; font-size:14px; }
	.busiBox ul li .functionName{ overflow:hidden; }
	.busiBox ul li .functionName p.item{ float:left; font-size:16px; font-weight:bold; line-height:1; }
	.busiBox ul li .functionName p.size{ width:70px; float:right; padding:5px 0; text-align:center; background:#12644b; border-radius:50px; font-size:12px; color:#ffffff; line-height:1; }
		
	.compofujiReason{ padding:40px 0 30px; }
	.compofujiReason .title{ margin:0 0 35px; text-align:center; font-size:20px; font-weight:normal; }
	.compofujiReason ul{ margin:0 15px; }
	.compofujiReason ul li{ margin:0 0 30px; }
	.compofujiReason ul li:last-child{ margin-right:0; }
	.compofujiReason ul li .tit{ margin:0 0 45px; padding:10px 0; background:#12644b; text-align:center; color:#ffffff;  position:relative; }
	
		
	
	.rongyu .title{ padding:80px 0 60px; text-align:center; font-size:32px; font-weight:normal; color:#343434; }
	.rongyu ul{ overflow:hidden; }
	.rongyu ul li{ float:left; color:#343434; }
	.rongyu ul.fourList li{width:240px;margin: 0 46px 0 0;}
	.rongyu ul li:last-child{ margin-right:0; }
	.rongyu ul li figure{margin: 0 0 50px;}
	






}