@charset "UTF-8";
.sp{display:none;}
.effect,.effect *{opacity: 1 !important}
#top_about:before{transform: scale(1, 1);transform-origin:top; opacity: 1}
#top_about h2{opacity: 1;-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);transform:translateY(0);}
#top_blog li,#top_blog .btn{opacity: 1;-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);transform:translateY(0);}

    body{min-width: 1000px;-webkit-print-color-adjust: exact;}
    .wrap{width:960px; margin:0 auto; position: relative; }
    #header{position: relative; border-bottom: 3px solid #997C55;}
    #header .wrap{height: 60px;}
    #logo{position: absolute; left: 0; top:12px; line-height: 0}
    #logo img{height: 35px; }
    #top_contact{position: absolute; right: 0; top:10px; opacity: 1}
    #top_contact img{height: 40px;}
    #nav{position: absolute; right:180px; top:0 }
    #nav li{float:left; margin-left: 20px}
    #nav li a{display: block; line-height: 60px; text-decoration: none}
	#nav li ul{display: none}
	#hover_menu{position: absolute; width: 100%; left: 0; top:60px; height: 0; background-color: #997C55; opacity: 0; overflow: hidden}
	#hover_menu ul{display: flex; justify-content: center}
	#hover_menu li a{display: block; color: #fff; margin: 0 10px; line-height:40px}
    
    #header_search_form{position:absolute; opacity: 0; overflow: hidden; width:290px; left:260px; bottom:5px;  height:30px; z-index: 9;}
    #header_search_form form{line-height: 0}
    #header.active #header_search_form{display: block; bottom: 5px; left: 260px; opacity: 1}
    #header_search_form input[type=text]{border:1px solid #997C55; position:absolute; left:0; top:0; height:30px; padding:0 5px; display:block; width:100%; padding-right:55px}

    #search_btn_icon{background:url(img/icon/zoom_w.png) no-repeat center  center #997C55; background-size:13px auto; width:30px; height:30px; position: absolute; right:0px; top:0px; text-indent: -9999em; border: none}

    
    
    #search_form form{position:relative; height:30px; margin-bottom:20px}
    #search_form input[type=text]{border:1px solid #997C55; position:absolute; left:0; top:0; height:30px; padding:0 5px; display:block; width:100%; padding-right:55px}
    #search_form input[type=submit]{background-color:#997C55; position:absolute; right:0; top:0; color:#fff; border:1px solid #997C55; display:block; height:30px; width:50px}

    
    #pageTop{width:1120px;margin:0 auto;}
    #pageTop.absolute{position:absolute; right:0; top:-120px; left:0}
    #pageTop.fix{position:fixed; right:0; bottom:200px;height: 0; left:0;  z-index:0}

    #page_top_wrap{position:relative;}
    #pageTop a{display:block; float:right; padding-top:35px; height:70px; width:70px; font-size:11px; color:#fff; background-color:#997C55; position:relative; border-radius:50%; text-align:center; text-decoration: none}
    #pageTop a:before{position:absolute; content:""; left:22px; top:20px; width:20px;height:20px;border-top:3px solid #fff;border-right:3px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    
    #footer_nav{display: none}

	#top_area{height: 405px; overflow: hidden}
	.slick-dots{z-index: -1}
	#top_leader span{display: block}
.slick-slide img.sp{display: none}

    #breadcrumb{margin: 15px auto;line-height: 1; font-size: 12px}
    #breadcrumb a{position: relative; padding-right:20px; font-size: 12px}
    #breadcrumb a:after{position:absolute; content:""; right:9px; top:0; bottom: 0; margin: auto; vertical-align: middle;width:4px;height:4px;border-top:1px solid #3d3d3d;border-right:1px solid #3d3d3d;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	
	#contact th{width: 200px; padding-left: 20px}

