@charset "UTF-8";

@media screen and (min-width: 1000px){
	
body{ min-width:1240px; }
.spOnly{ 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{
	padding: 0 20px 0; 
	border-bottom: #cccccc 1px solid; 
	width:1100px; 
	margin: 0 auto; 
	box-sizing: border-box; 
	margin-bottom:30px;
	}
	.compofujiNav ul {
	width: 100%;
	display: table; 
	table-layout: fixed;
	height: 43px;
	}
	
	.compofujiNav li{
	display: table-cell; 
	text-align: center; 
	font-size:16px;
	}
	
	.compofujiNav li a.active {
    display: inline-block; 
	padding: 0 3px 15px; 
	border-bottom: #ffffff 3px solid; 
	border-color: #12644b; 
	color:#12644b;
	}

	.compofujiNav li a:hover:not(.active) {
	display: inline-block; 
	padding: 0 3px 15px; 
	border-bottom: #ffffff 3px solid; 
    border-color: #12644b; 
	color: #12644b;
	}
	
	
	.compofujiKv {
	width:100%; 
	margin: 0 0 70px;
	position: relative; 
	display: block;
	}
	
	.compofujiKv .kvPankuzuArea { 
	width:100%; 
	position:absolute; 
	top:10px; 
	left:0; }
	
	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; 
	}
	
	.sanyu li{
	float: left; 
	font-size: 20px; 
	color: #ffffff; 
	}
	
	.compofujiLead { 
	padding:127px 0 50px; 
	background:url(bg_conpofuji_reason.png) no-repeat 0 0; 
	background-size:100% auto; 
	text-align:center; 
	color:#ffffff; 
	}
	
	.compofujiLead .title { 
	margin:0 0 50px; 
	font-size:32px; 
	font-weight:normal; 
	}
	
	.compofujiLead .txt { 
	margin:0 0 60px; 
	font-size:16px;
	
	}
	.compofujiLead figure { 
	text-align:center; 
	}
	
	.compofujiLead figure img 
	{ 
	width:auto; 
	height:auto; 
	}
	
	.compofujiReason {
	padding: 80px 0 60px; 
	width:1100px; 
	margin: 0 auto; 
	display: block; 
	height:460.91px;
	}
	
	.compofujiReason h2 {
	margin: 0 0 60px; 
	text-align: center; 
	font-size: 32px; 
	font-weight: normal; 
	height: 51px;
	}
	
	.compofujiReason ul {
	overflow: hidden; 
	height:285.91px;
	}
	
	.compofujiReason li {
	width: 328px;
	float: left; 
	margin: 0 58px 0 0; 
	height:285.906px;
	}
	
	.compofujiReason ul li .tit {
	margin: 0 0 45px; 
	padding: 10px 0; 
	background: #12644b; 
	text-align: center; 
	color: #ffffff; 
	position: relative; 
	line-height: 2; 
	height: 32px;
	font-size: 18px;
	}
	
	.compofujiReason img {
	width: 100%; 
	height: 180.91px;
	}
	
	.compofujiReason p {
	line-height: 2;
	height: 64px;
	}
	
	.compofujiReason span {
	font-size: 14pt;
	}
	
	.chanpin {
	margin:0 0 70px; 
	padding:0 0 70px; 
	background:url(bg_point.png) no-repeat fixed #374042; 
	background-size:100% auto;
	height: 2100px;
	}
	
	.chanpin .title { 
	padding:80px 0 60px; 
	text-align:center; 
	font-size:32px; 
	font-weight:normal; 
	color:#ffffff; 
	}
	
	.cmContainer {
	width:1100px;
	margin:0 auto;
	box-sizing:border-box;
	}
	
	.chanpin ul { 
	overflow:hidden; 
	}
	.chanpin ul li { 
	float:left; color:#ffffff; 
	}
	.chanpin ul.twoList li { 
	width:520px; 
	margin:0 60px 0 0; 
	}
	.chanpin ul.threeList li { 
	width:328px; 
	margin:0 58px 0 0; 
	}
	.chanpin ul li:last-child { 
	margin-right:0; 
	}
	.chanpin ul li figure { 
	margin:0 0 40px; 
	}

	.chanpin ul li p.tit { 
	margin:0 0 30px; font-size:1.5rem; 
	}
	
	.chanpin ul li p.txt { 
	font-size:16px;
	
	}
	.chanpin ul li p.tit .label { 
	display:inline-block; 
	margin:0 0 0 10px; 
	padding:5px 18px; 
	border:#ffffff 1px solid; 
	font-size:14px; 
	color:#ffffff; 
	line-height:1; 
	vertical-align:3px; 
	}
	
	
	.chanpin1 {
	margin:0 0 70px; 
	padding:0 0 70px; 
	background:url(bg_point.png) no-repeat fixed #374042; 
	background-size:100% auto;
	height: 1000px;
	}
	
	.chanpin1 a{
	color: #fbfbfb;
	font-size:22px;
	}
	.chanpin1 .title { 
	padding:80px 0 60px; 
	text-align:center; 
	font-size:32px; 
	font-weight:normal; 
	color:#ffffff; 
	}
	
	.chanpin1 ul { 
	overflow:hidden; 
	}
	.chanpin1 ul li { 
	float:left; color:#ffffff; 
	}
	.chanpin1 ul.twoList li { 
	width:520px; 
	margin:0 60px 0 0; 
	}
	.chanpin1 ul.threeList li { 
	width:320px; 
	margin:0 45px 0 0; 
	}
	.chanpin1 ul li:last-child { 
	margin-right:0; 
	}
	.chanpin1 ul li figure { 
	margin:0 0 10px; 
	}
	.chanpin1 ul li img { 
	height:205px;
	width:320px;
	}
	.chanpin1 ul li p.tit { 
	margin:0 0 30px; font-size:1.5rem; 
	}
	
	.chanpin1 ul li p.txt { 
	font-size:16px;
	
	}
	.chanpin1 ul li p.tit .label { 
	display:inline-block; 
	margin:0 0 0 10px; 
	padding:5px 18px; 
	border:#ffffff 1px solid; 
	font-size:14px; 
	color:#ffffff; 
	line-height:1; 
	vertical-align:3px; 
	}
	
	
	
	#siteHeader { 
	width:1200px; 
	margin:0 auto; 
	overflow:hidden; 
	}
	
	#siteHeader .logo { 
	float:left; 
	padding:40px 78px 23px 0; 
	}
	
	#siteHeader .logo a { 
	width:230px; 
	height:70px; 
	display:block; 
	background:url(logo_sanyu.png) no-repeat 0 0; 
	text-indent:-9999px; 
	overflow:hidden; 
	}
	
	#siteHeader #gnav { 
	float:left; 
	padding:45px 0 0; 
	}
	
	#siteHeader #gnav li { 
	float:left; 
	margin:0 40px 0 0; 
	}
	
	#siteHeader #gnav li a { 
	display: inline-block; 
	text-decoration:none; 
	font-size:14px; 
	color:#343434; 
	position: relative; 
	transition: .3s; 
	font-size:20px;
	}
	
	#siteHeader #gnav li a:after { 
	content:''; 
	width:100%; 
	height:2px; 
	background-color:#12644b; 
	transition:.3s; 
	transform:scaleX(0); 
	position:absolute; 
	bottom:-5px; 
	left:0; }
	#siteHeader #gnav li a:hover,
	#siteHeader #gnav li a.on { 
	color:#12644b; 
	}
	
	#siteHeader #gnav li a:hover:after,
	#siteHeader #gnav li a.on:after { 
	transform:scaleX(1); 
	}
	
	#siteHeader .headerLink { 
	float:right; 
	padding:40px 0 0; 
	}
	
	#siteHeader .headerLink li { 
	float:left; 
	margin:0 0 0 25px; 
	}
	
	#siteHeader .headerLink li a.gsLink { 
	display:block; 
	margin:10px 0 0; 
	padding:0 13px 0 0; 
	text-decoration:none;
	background:url(ico_blank.png) no-repeat right center; 
	font-size:14px; 
	color:#343434; }
	
	#siteHeader .headerLink li a.gsLink:hover { 
	opacity:0.7; 
	}
	
	#siteHeader .headerLink li a.contactBtn { 
	display:block; 
	}
 	a.contactBtn,
 	
	input.contactBtn { 
	display:inline-block; 
	padding:9px 22px; 
	background:#12644b; 
	border-radius:50px; 
	text-decoration:none; 
	box-sizing:border-box; 
	font-size:18px; 
	color:#ffffff; 
	}
	
	a.contactBtn:hover,
	
	input.contactBtn:hover { 
	-webkit-filter: saturate(150%); 
	filter:saturate(150%);  
	}

	.busiBox { 
	margin-bottom:70px; 
	}
	
	.blueTit { 
	margin:0 0 50px; 
	padding:50px 0 23px; 
	border-bottom:#e0e2e9 2px solid; 
	font-size:28px; 
	font-weight:normal; 
	position:relative; 
	}
	
	.blueTit:after { 
	width:100px; 
	height:2px; 
	content:" "; 
	background:#12644b; 
	position:absolute; 
	left:0; 
	bottom:-2px; 
	}
	
	.busiBox ul.compolist1 { 
	margin:0 0 35px; 
	}
	
	.busiBox ul.compolist1 li { 
	padding:0 0 10px 0; 
	position:relative; 
	font-size:20px;
	}
	
	.busiBox ul.compolist1 li:before { 
	margin:2px 0 0; 
	font-size:14px; 
	color:#cbcedb; 
	position:absolute; 
	top:0; 
	left:0; 
	}
	
	.busiBox .structureImg { 
	overflow:hidden; 
	}
	
	.busiBox .structureImg .structureImgL { 
	width:580px; 
	float:left; 
	text-align:center; 
	}
	
	.busiBox .structureImg .structureImgL img { 
	width:auto; 
	}
	
	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 .specificationTable::after { 
	content:""; 
	display:block; 
	clear:both; 
	}
	
	.busiBox .specificationTable table { 
	width:100%; 
	table-layout:fixed; 
	border-top:#e3e3e3 1px solid; 
	border-left:#e3e3e3 1px solid; 
	margin-bottom: 10px; 
	}
	
	.busiBox .specificationTable table th { 
	text-align:left; 
	background:#ececec; 
	border-right:#e3e3e3 1px solid; 
	border-bottom:#e3e3e3 1px solid; 
	font-weight:normal;
	}
	
	.busiBox .specificationTable table th.th2 { 
	width:245px; 
	padding:15px 10px 15px 30px; 
	}
	
	.busiBox .specificationTable table th.th3 
	{ 
	padding:15px 10px 15px 30px; 
	}
	
	.busiBox .specificationTable table th.th4 
	{ 
	padding:15px 10px; 
	text-align:center; 
	}
	
	.busiBox .specificationTable table th.th5 { 
	width:210px; 
	padding:15px 10px; 
	text-align:center; 
	}
	
	.busiBox .specificationTable table th.th6 { 
	padding:15px 10px; 
	text-align:center; 
	}
	
	.busiBox .specificationTable table th.th7 { 
	width:170px; 
	padding:15px 10px; 
	text-align:center; 
	}
	
	.busiBox .specificationTable table th.th8 { 
	padding:0 10px; 
	text-align:center; 
	vertical-align:middle; 
	}
	
	.busiBox .specificationTable table th.th9 { 
	width:200px; 
	padding:5px 10px; 
	text-align:center; 
	vertical-align:middle; 
	}
	
	.busiBox .specificationTable table th.th9 strong { 
	display:block; 
	}
	
	.busiBox .specificationTable table td { 
	padding:15px 0; 
	text-align:center; 
	border-right:#e3e3e3 1px solid; 
	border-bottom:#e3e3e3 1px solid; 
	}
	
	#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 { 
	width:1100px; 
	margin:0 auto; 
	padding:57px 0 56px; 
	overflow:hidden; 
	}
	
	#siteFooter .tit{margin:0 0 12px; font-weight:bold; font-size:22px;}
	
/* 	#siteFooter .footProductList{ width:560px; float:left; } */
	#siteFooter .footProductList{ width:200px;}
	#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:290px; float:left; font-size:16px;}
	#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{ background:#12644b; font-size:12px; }
	#siteFooter .footerBt .footerBtCon{ width:1100px; margin:0 auto; padding:17px 0; overflow:hidden; }
	#siteFooter .footerBt ul{ float:left; }
	#siteFooter .footerBt .copyright{ float:right; color:#ffffff; }
	
	.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:207px; padding:15px; background-color:#12644b; box-sizing:border-box; color:#ffffff; }
	.pageTitleArea .jpTit{ padding:45px 0 0; text-align:center; font-size:32px; line-height:1; font-weight:normal; }
	.pageTitleArea .enTit{ text-align:center; font-size:20px; letter-spacing:1px; }
	
	
	.contactArea{ width:850px; margin:0 auto; padding:60px 0 100px; }
	.contactArea .require{ color:#de232a; }
	.contactArea .error{ padding:5px 0 0; color:#de232a; }
	
	.contactArea .lead p{ margin:0 0 20px; font-size: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; font-size:20px; font-weight: bold; }
	.contactArea .lead dl dd{ padding:15px; }
	.contactArea .lead dl dd p{ display:inline-block; margin:0 10px; font-size:24px; color:#12644b; }
	.contactArea .lead dl dd p span{ display:inline-block; margin:0 10px 0 0; padding:1px 10px; background:#12644b; font-size:14px; color:#ffffff; vertical-align:4px; }
	.contactArea .txt{ margin:0 0 10px; font-size:18px;}
	
	
		/* form */
	.contactArea dl.form{ width:100%; display:flex; flex-wrap:wrap; margin:0 0 20px; border-bottom:#e9e9e9 1px solid;font-size:20px; }
	.contactArea dl.form > dt{width:25%;padding:25px 10px;border-top:#e9e9e9 1px solid;box-sizing:border-box;font-weight:bold;}
	.contactArea dl.form > dt .require{ margin:0 0 0 5px; }
	.contactArea dl.form > dd{ width:75%; padding:25px 10px 25px 0; border-top:#e9e9e9 1px solid; box-sizing:border-box; }
	.contactArea dl.form > dd .note{ padding:5px 0 0; color:#999999; }
	.contactArea dl.form > dd input{ width:80%; padding:3px 5px; border:#e9e9e9 1px solid; font-size:14px; }
	.contactArea dl.form .nameInput{ width: 150px; margin:0 15px 0 5px; }
	.contactArea dl.form > dd textarea{ width:80%; height:10em; padding:3px 5px; border:#e9e9e9 1px solid; font-size:14px; }
	.contactArea dl.form > dd select{ font-size:14px; }
	/* nameArea */
	.contactArea dl.form > dd.nameArea .error{ display:inline-block; }
	/* address */
	.contactArea dl.form > dd.address p.postalCoad{ margin:0 0 15px; }
	.contactArea dl.form > dd.address p.postalCoad input{ width:4em; }
	.contactArea dl.form > dd.address dl{ width:100%; display:flex; flex-wrap:wrap; }
	.contactArea dl.form > dd.address dl dt{ width:15%; margin:0 0 15px; padding:2px 0 0; }
	.contactArea dl.form > dd.address dl dd{ width:85%; margin:0 0 15px; }
	.contactArea dl.form > dd.address dl dd input{ width:50%; float:left; }
	.contactArea dl.form > dd.address dl dd p.note{ line-height:1; }
	.contactArea dl.form > dd.address dl dt:last-of-type,
	.contactArea dl.form > dd.address dl dd:last-of-type{ margin-bottom:0; }
	/* submitBtnArea */
	.contactArea .submitBtnArea{ text-align:center; }
	.contactArea .submitBtnArea p{ font-size:14px; }
	.contactArea .submitBtnArea ul{ margin:30px 0 0; }
	.contactArea .submitBtnArea ul li{ display:inline-block; margin:0 10px; }
	.contactArea .submitBtnArea input[type="submit"],
	.contactArea .submitBtnArea button{ display:inline-block; padding:15px 30px; background:#12644b; border:none; border-radius:50px; text-decoration:none; box-sizing:border-box; font-size:22px; color:#ffffff; cursor:pointer; }
	.contactArea .submitBtnArea input[type="submit"]:hover,
	.contactArea .submitBtnArea button:hover{ -webkit-filter: saturate(150%); filter:saturate(150%); }
	
	
	
/* 	.compofujiPoint{ margin:0 0 70px; padding:0 0 70px; } */
	.compofujiPoint{ margin:0 0 0; padding:0 0 50px; }
	.compofujiPoint .title{ padding:80px 0 60px; text-align:center; font-size:32px; font-weight:normal; color:#343434; }
	.compofujiPoint ul{ overflow:hidden; }
	.compofujiPoint ul li{ float:left; color:#343434; }
	.compofujiPoint ul.twoList li{ width:490px; margin:0 60px 0 0; }
/* 	.compofujiPoint ul.threeList li{width:328px;margin: 0 58px 0 0;} */
	.compofujiPoint ul.threeList li{margin: 0 58px 0 0;}
	.compofujiPoint ul.fourList li{width:240px;margin: 0 46px 0 0;}
	.compofujiPoint ul li:last-child{ margin-right:0; }
	.compofujiPoint ul li figure{margin: 0 0 20px;}
	.compofujiPoint ul li img {height:364px;}
	.compofujiPoint ul li p.tit{ margin:0 0 30px; font-size:1.5rem; }
	.compofujiPoint ul li p.tit .label{ display:inline-block; margin:0 0 0 10px; padding:5px 18px; border:#343434 1px solid; font-size:14px; color:#343434; line-height:1; vertical-align:3px; }
	.compofujiPoint ul li .link a{ text-decoration:none; color:#343434; }
	.compofujiPoint ul li .link a:before{ content:">"; margin:0 10px 0 0; }
	
	
	.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;}
	
	
	.right{
    padding:65px 0;
    background: #fbfbfb;
	}
	.case_list{
    display: flex;
    flex-wrap: wrap;
	}
	.case_list li{
    width: 32%;
    margin-right: 2%;
    border-bottom: 3px solid #ccc;
    margin-bottom: 50px;
	}
	.case_list li:nth-child(3n){
    margin-right: 0;
	}

	.case_list li a.img{
	    display: block;
	    overflow: hidden;
	    height: 238px;
	}
	.case_list li a.img img{
	    transition: all 0.6s ease-out;
	}
	.case_list li h2 a{
		color:#555;
		font-weight:bold;
	}
	
	.case_list li h3 a{
	    display: block;
	    font-size: 20px;
	    color: #555;
	    font-weight: normal;
	    padding: 15px 0 0 0;
	    height: 1.8em;
	    overflow: hidden;
	    line-height: 2em;
	}
	.case_list li:hover{
	    border-bottom: 2px solid #12644b;
	}
	.case_list li:hover a.img img{
	    transition: all 0.6s;
	    transform: scale(1.1);
	}	
	.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
	.clearfix{zoom:1}


}