﻿@charset "utf-8";
section{position:relative;}
div.visual{height:599px;width:100%;min-width:1400px;overflow:hidden;text-align:center;background:url('../images/main/visual.jpg') no-repeat top;  background-size: cover;}
div.visual p.tit{margin-top:265px;font-size:48px;font-weight:700;color:#fcc800;letter-spacing:-1.6px;}
div.visual p.txt{margin-top:7px;font-size:23px;font-weight:300;color:#fcc800;line-height:35px;letter-spacing:-0.5px;}
div.sec{position:relative;overflow:hidden;}
div.sec h3{margin-top:67px;font-size:30px;color:#000;font-weight:500;text-align:center;}
div.sec01{width:1345px;margin:0 auto;padding-bottom:50px;}
div.sec01 div.info-wrap{overflow:hidden;margin-top:18px;}
div.sec01 div.info-wrap div.info{width:429px;float:left;margin-left:29px;}
div.sec01 div.info-wrap div.info:first-child{margin-left:0;}
div.sec01 div.info-wrap div.info p.title{width:429px;height:165px;padding-top:66px;text-align:center;color:#fff;font-size:28px;background:url('../images/main/info_bg.jpg') no-repeat left top;}
div.sec01 div.info-wrap div.info:nth-child(2) p.title{background-position:-429px top;}
div.sec01 div.info-wrap div.info:last-child p.title{background-position:-858px top;}
div.sec01 div.info-wrap div.info ul{margin:28px 0 19px;}
div.sec01 div.info-wrap div.info ul li{margin-bottom:2px;}
div.sec01 div.info-wrap div.info ul li a{display:inline-block;width:395px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#000;}
div.sec01 div.info-wrap div.info ul li.new a::after{content:"";width:19px;height:19px;display:inline-block;margin-left:5px;vertical-align:top;background:url('../images/common/icon_new.png') no-repeat left top;}
div.sec01 div.info-wrap div.info ul li a:hover, div.sec01 div.info-wrap div.info ul li a:focus{text-decoration:underline;}
div.sec01 div.info-wrap div.info p.more{}
div.sec01 div.info-wrap div.info p.more a{font-size:16px;color:#fcc800;}
div.sec01 div.info-wrap div.info p.more a::after{content:"";width:10px;height:16px;display:inline-block;vertical-align:middle;margin-left:9px;background:url('../images/main/icon_more.gif') no-repeat left top;}
div.sec02{padding-bottom:80px;background:#f4f4f0;}
div.sec02 ul.best{width:1345px;margin:20px auto 0;overflow:hidden;}
div.sec02 ul.best li{float:left;width:245px;height:395px;margin-left:30px;margin-bottom:25px;}
div.sec02 ul.best li:first-child, div.sec02 ul.best li:nth-child(6), div.sec02 ul.best li:nth-child(11){margin-left:0;}
div.sec02 ul.best li div.img{position:relative;overflow:hidden;}
div.sec02 ul.best li div.img img{border:1px solid #e0e0e0;}
div.sec02 ul.best li div.img p.btn{position:absolute;left:0;bottom:-51px;width:100%;height:50px;background:#fcc800;transition:bottom 0.3s ease-out;}
div.sec02 ul.best li:hover div.img p.btn{bottom:0;}
div.sec02 ul.best li div.img p.btn::before{content:"";width:1px;height:27px;position:absolute;top:12px;left:122px;background:#000;}
div.sec02 ul.best li div.img p.btn a{width:50%;height:50px;float:left;position:relative;display:block;font-size:0;}
div.sec02 ul.best li div.img p.btn a.good::before{content:"";position:absolute;width:26px;height:24px;top:13px;left:50px;background:url('../images/main/icon_prbtn.gif') no-repeat left top;}
div.sec02 ul.best li div.img p.btn a.new::before{content:"";position:absolute;width:28px;height:28px;top:11px;left:48px;background:url('../images/main/icon_prbtn.gif') no-repeat -26px top;}
div.sec02 ul.best li p{font-size:14px;color:#221f1f;text-align:center;line-height:19px;}
div.sec02 ul.best li p.index{margin-top:12px;font-weight:700;}
div.sec02 ul.best li p.tit{width:100%;height:38px;overflow:hidden;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;text-overflow:ellipsis;}
div.sec02 ul.best li a{text-decoration:none;}
div.sec03{background:#ededed; width:100%;min-width:1400px;}
div.sec03 div.sitemap{width:1215px;margin:65px auto;overflow:hidden;}
div.sec03 div.sitemap ul{float:left;}
div.sec03 div.sitemap ul:first-child, div.sec03 div.sitemap ul:nth-child(4){margin-left:90px;}
div.sec03 div.sitemap ul:nth-child(2){margin-right:50px; margin-left:80px}
div.sec03 div.sitemap ul:nth-child(3){margin-right:20px; margin-left:30px}
div.sec03 div.sitemap ul li{margin-bottom:10px; margin-right:70px}
div.sec03 div.sitemap ul li.tit{margin-bottom:23px;font-size:26px;color:#000;font-weight:700;}
div.sec03 div.sitemap ul li a{font-size:16px;color:#000;}




