@charset "utf-8";
/* CSS Document */

/*当前位置*/
.postion-box{ height: 60px; background-color: #f2f2f2;}

.banner{ height: 372px; overflow: hidden; background: url(../img/hx-bg01.png)#fdfdfd no-repeat top center;}
.history{ height: 466px; overflow: hidden; background: url(../img/hx-bg02.png) no-repeat top center;}
.history .wrap{ padding-top: 62px;}
.history .title{ margin-top: 20px; margin-right: 80px;}
.history .history-box{ margin-left: 92px; border: #95703f solid 2px; width: 608px; height: 334px; position: relative; }
.history .history-box ul{ padding: 30px 42px;}
.history .history-box ul li{ margin-top: 10px; background: url(../img/hx-dot.png) no-repeat left center; line-height: 30px;}
.history .history-box ul li:first-child{ margin-top: 0;}
.history .history-box ul li a{ display: block; font-size:16px; font-weight: bold; padding-left: 22px; width: 90%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.history .history-box ul li a:hover{ font-weight: normal; color: #333;}
.history .history-box a.btn-more{ position: absolute; top:50%;  right: -39px; margin-top: -39px; color: #fff; display:block; width: 46px; height: 22px; padding: 28px 16px; background: url(../img/hx-btn-more.png) no-repeat; font-size:16px;}
.history .history-box a.btn-more:hover{ top:49%}

.custom{ height: 474px; overflow: hidden; background: url(../img/hx-bg03.png)#f4f4f4 no-repeat bottom center;}
.custom .wrap{ margin-top: 72px;}
.custom .title{ padding: 50px 0 0 88px;}
.custom .img-box{ width: 618px; height: 340px;/* overflow: hidden;*/ margin-right: 90px;}
.custom .img-box ul{ margin-left: -16px; margin-top: -25px;}
.custom .img-box ul li{ float: left; margin-left: 16px; margin-top: 25px; width: 195px; height: 160px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
	transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
}
.custom .img-box ul li:hover{
	box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
	transform: translate(0, -4px);
}
.custom .img-box ul li.more{ box-shadow: none;}
.custom .img-box ul li a{ display: block;color: #333;  font-size:16px;}
.custom .img-box ul li a img{ width: 195px; height: 120px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.custom .img-box ul li a p{ text-align: center; line-height: 25px;}
.custom .img-box ul li .btn-more{ height: 100px; padding-top: 20px; text-align: center; background-color: #7a8b8f; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.custom .img-box ul li .btn-more span{display: inline-block; color: #7a8b8f; width: 54px; height: 22px; text-align: left; padding: 28px 12px; background:url(../img/hx-btn-white.png) no-repeat;}

.literature{ height: 390px; overflow: hidden; background: url(../img/hx-bg04.png) no-repeat top center;}
.literature .title{ margin-top: 45px; margin-right: 100px;}
.literature .literature-box{ width: 405px; margin-top: 90px; margin-left: 160px;}
.literature .literature-box ul{ width: 442px; margin-left: -38px; margin-top: -25px;}
.literature .literature-box ul li{ float: left; margin-left: 38px; margin-top: 25px; width: 182px;}
.literature .literature-box ul li a{ display: block; font-weight: bold; color: #7e8587; width: 182px; height: 52px; line-height: 52px; text-align: center; border: #7a8b8f solid 1px; font-size:16px;}
.literature .literature-box ul li a:hover{ background-color: #7a8b8f; color: #fff;}

.dialect{ height: 542px; overflow: hidden; background: url(../img/hx-bg05.png) no-repeat top center;}
.dialect .title{ margin-top: 65px;}
.dialect .dialect-box{  width: 754px; margin-top: 122px; margin-right: 20px; }
.dialect .dialect-box ul{ float: left; width: 660px; margin-left: -30px; margin-top: -12px;}
.dialect .dialect-box ul li{ float: left; width: 300px; margin-left: 30px; margin-top: 12px;}
.dialect .dialect-box ul li a{ display: block; text-align: center; font-size:16px; font-weight: bold; width: 300px; height: 48px; line-height: 48px;background-color: #fff;}
.dialect .dialect-box ul li a:hover{color: #333;}
.dialect .dialect-box .btn-more{ float: right; margin-top:115px;display: block; color: #fff; width: 46px; height: 22px; padding: 28px 16px; background: url(../img/hx-btn-more.png) no-repeat; font-size:16px;}
.dialect .dialect-box .btn-more:hover{ margin-top: 110px;}

.opera{ height: 522px; overflow: hidden; background-color: #fdfdfd;}
.opera .wrap{ padding-top: 54px;}
.opera .title{ margin-right: 70px; margin-top: 44px;}
.opera .title .btn-more{ display: block; font-size:16px; margin-top: 30px; width: 46px; height: 22px; padding: 28px 16px; color: #fff; background: url(../img/hx-btn-gray.png) no-repeat;}
.opera .title .btn-more:hover{ margin-top: 25px;}
.opera .opera-box{ margin-left: 60px;}
.opera .opera-box ul{ margin-left: -30px;}
.opera .opera-box ul li{ float: left; width: 206px; height: 412px; margin-left: 30px;}
.opera .opera-box ul li.pos{ position: relative;}
.opera .opera-box ul li .cover{ width: 206px; height: 412px;}
.opera .opera-box ul li > a { display: block; width: 206px; height: 412px; font-size:16px;}
.opera .opera-box ul li a .h-aside-show{opacity: 0; visibility: hidden; color: #fff; padding: 108px 50px 18px 35px; position: absolute; top: 5px; right: 0; bottom: 0; left: 8px; background:url(../img/hx-mask.png) no-repeat; transition: all .3s;}
.opera .opera-box ul li a .h-aside-show h4{ text-align: center;}
.opera .opera-box ul li > a:hover .h-aside-show { opacity: 1; visibility: visible; }

.taste{ height: 568px; overflow: hidden; background: url(../img/hx-bg06.png) no-repeat top center;}
.taste .wrap{ padding-top: 50px;}
.taste .title{ margin-top: 40px;}
.taste .taste-box{ width: 772px; margin-right: 20px;}
.taste .taste-box ul{ float: right;  width: 546px;}
.taste .taste-box ul li{ float: left; width: 182px; height: 156px; overflow: hidden;}
.taste .taste-box ul li.pos{ position: relative;}
.taste .taste-box ul li .cover{ width: 180px; height: 154px; border: #fff solid 1px;}
.taste .taste-box ul li > a { display: block; width: 182px; height: 156px; }
.taste .taste-box ul li a .h-aside-show{opacity: 0; visibility: hidden; color: #fff; padding: 20px 50px 18px 25px; position: absolute; top: 0px; right: 0; bottom: 0; left: 0px; background-color: #9f3a4c; transition: all .3s;}
.taste .taste-box ul li a .h-aside-show i{ display: block; width: 38px; height: 38px; background: url(../img/ico-taste.png) no-repeat;}
.taste .taste-box ul li a .h-aside-show h4{ font-size: 16px; line-height: 20px; margin: 15px 0 5px; }
.taste .taste-box ul li a .h-aside-show .item{ font-size: 18px; font-weight: bold;}
.taste .taste-box ul li > a:hover .h-aside-show { opacity: 1; visibility: visible; }
.taste .taste-box .btn-more{ float: left; margin-top:228px;display: block; color: #fff; width: 46px; height: 22px; padding: 28px 16px; background: url(../img/hx-btn-brown.png) no-repeat; font-size:16px;}
.taste .taste-box .btn-more:hover{ margin-top: 223px;}

.technology{ height: 514px; overflow: hidden; background: url(../img/hx-bg07.png) no-repeat top center;}
.technology .wrap{ padding-top: 56px;}
.technology .title{ margin-right: 20px;}
.technology .technology-box{ margin-top: 54px; margin-left: 70px; }
.technology .technology-box ul{ float: left; width: 660px; margin-left: -30px; margin-top: -12px;}
.technology .technology-box ul li{ float: left; width: 300px; margin-left: 30px; margin-top: 12px;}
.technology .technology-box ul li a{ display: block; text-align: center;  width: 300px; height: 48px; line-height: 48px; background-color: #fff; font-size:16px;}
.technology .technology-box ul li a:hover{ background-color: #7a8b8f; color: #fff;}

.jump-top-box{position: fixed; left:50%; top:50%; z-index: 999; margin-top: -170px; margin-left: 600px; width: 100px; height: 340px;}
.jump-top-box .jump-link{}
.jump-top-box .jump-link li{ margin-top: 10px;}
.jump-top-box .jump-link li:first-child{ margin-top: 0px;}
.jump-top-box .jump-link li a{ display: block; color: #fff;  width: 50px; height: 50px; overflow: hidden; background:url(../img/hx-ico-all.png) no-repeat 0 0; transition:width 0.5s;-moz-transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:width 0.5s;}
.jump-top-box .jump-link li a p{ display: block; width: 100px; padding: 12px 17px; font-size:16px;}
.jump-top-box .jump-link li a span{ font-size: 18px; font-weight: bold; padding-right: 15px;}
.jump-top-box .jump-link li a:hover{ width: 100px; background-position: -95px 0;}
.jump-top-box .jump-link li a:hover span{ padding-right: 5px;}

.jump-top-box .jump-top{ margin-top: 10px; }
.jump-top-box .jump-top a{ display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; background:url(../img/hx-ico-all.png) no-repeat 0 0;}
.jump-top-box .jump-top a:hover{ background: url(../img/hx-top-active.png) no-repeat;}
.jump-top-box .jump-top a .ico-top{ display: inline-block;width: 18px; height: 8px; background: url(../img/hx-ico-top.png) no-repeat;}