/*reset-样式重置*/
* {padding: 0;margin: 0;list-style: none;}
html,body {margin: 0 auto;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,header,section,footer {margin:0;padding:0}
body,button,input,select,textarea {font:12px/1.5 "微软雅黑";color:#666666;}
body {overflow-x: hidden;}
address,cite,dfn,em,var,i {font-style: normal}
ul,ol,dl {list-style: none}
a{text-decoration: none;outline: none;font-family: "微软雅黑";color: #666666;cursor: pointer;font-size: 12px;}
li{font-size: 12px;font-family: "微软雅黑";list-style: none;margin: 0;padding: 0;}
em{font-style: normal;font-size: 12px;}
body,p,span{font-family: "微软雅黑";}
img {border: none;}
p {margin: 0px;padding: 0px;word-wrap: break-word;}
:focus {outline: none;}
img {border: 0;vertical-align: middle;display: inline-block;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.clear:after {display: block;mainContent: "";clear: both;}
.transtion {transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.clear:after{display: block;content: "";clear: both;}

/*  */

/*  */
.headerBox{background: none;position: fixed;top: 0;right: 0;left: 0;z-index: 100;box-shadow: 0 0 10px -5px #505050;background: #FFFFFF;}
.header{height: 80px;width: 1200px;margin: 0 auto;}
.header .logo{float: left;line-height: 80px;font-size: 0;height: 80px;}
.header .logo img{max-width: 100%;max-height: 100%;}
.header .logo span{font-size: 20px;color: #000;font-weight: bold;display: inline-block;vertical-align: middle;margin-left: 10px;}
.header .nav{float: right;}
.header .nav ul{overflow: hidden;margin-top: 23px;}
.header .nav ul li{float: left;height: 34px;}
.header .nav ul li a{display: block;border-radius: 32px;line-height: 32px;font-size: 15px;padding: 0 30px;transition: all 0.3s;color: #333;margin: 0 10px;}
.header .nav ul li a.on{color: #FFFFFF;border-color: #FFFFFF;font-weight: bold;background: #22863d;}
.header .nav ul li a:hover{color: #FFFFFF;border-color: #FFFFFF;font-weight: bold;background: #22863d;}

/*  */
.banner{height: 700px;position: relative;margin-top: 80px;}
.banner .hd a{position: absolute;top: 325px;width: 50px;height: 50px;background: rgba(255,255,255,0.25);border-radius: 50%;z-index: 99;text-align: center;
line-height: 50px;font-size: 0;}
.banner .hd a.prev{left: 50px;}
.banner .hd a.next{right: 50px;}
.banner .hd a img{max-width: 65%;max-height: 65%;}
.banner .bd li{position: relative;height: 700px;overflow: hidden;}
.banner .bd li img{position: absolute;top: 0;left: 50%;margin-left: -960px;}

/*  */
.cuisine{width: 1200px;margin: 50px auto;overflow: hidden;}
.cuisine h3{float: left;width: 208px;height: 250px;background: url(cuisine.png) no-repeat center;position: relative;}
.cuisine h3 span{position: absolute;top: 35px;right: 30px;color: #74493a;font-size: 18px;width: 18px;}
.cuisine .cuisine-list{float: left;margin-top: 50px;}
.cuisine .cuisine-list dl{float: left;margin-left: 45px;}
.cuisine .cuisine-list dl dt{position: relative;width: 109px;height: 109px;overflow: hidden;border-radius: 50%;font-size: 0;text-align: center;line-height: 109px;}
.cuisine .cuisine-list dl dt span{position: absolute;width: 0;height: 0;transition: all 0.3s;background: rgba(116,76,58,0.9);top: 0;left: 0;text-align: center;
line-height: 109px;color: #fff;font-size: 0;transform-origin: center;}
.cuisine .cuisine-list dl dt:hover span{height: 100%;width: 100%;font-size: 30px;}
.cuisine .cuisine-list dl dd{text-align: center;line-height: 40px;font-size: 16px;color: #74493a;margin-top: 20px;}

/*  */
.index-title{text-align: center;height: 80px;background: url(title.png) no-repeat center;margin: 50px auto;line-height: 80px;font-size: 16px;color: #333;}
.index-title span{text-transform: uppercase;}

/*  */
.about .about-list-box{height: 600px;background: url(about-bg.jpg) no-repeat center;}
.about .about-list{width: 900px;margin: 0 auto;overflow: hidden;}
.about .about-list h3{color: #333;font-size: 18px;margin-left: 30px;margin-top: 30px;}
.about .about-list p{font-size: 15px;margin:10px 0px 10px 30px;width: 450px;}
.about .about-list a{display: block;width: 120px;height: 36px;border-radius: 36px;text-align: center;line-height: 36px;border: 1px solid #999;color: #333;
font-size: 13px;text-transform: uppercase;margin-left: 30px;transition: all 0.3s;}
.about .about-list a:hover{color: #fff;background: #666;}

/*  */
.special{width: 1200px;margin: 0 auto;}
.special .special-list{overflow: hidden;}
.special .special-list dl{float: left;padding: 15px;border: 1px solid #dedede;margin: 0 6px;transition: all 0.3s;}
.special .special-list dl dt{width: 555px;}
.special .special-list dl dt img{max-width: 100%;}
.special .special-list dl dd{width: 555px;}
.special .special-list dl dd h3{font-size: 16px;color: #333333;margin: 15px auto 10px;}
.special .special-list dl dd p{font-size: 14px;}
.special .special-list dl:hover{border-color: #74493A;}

/*  */
.material{height: 500px;background: url(material.jpg) no-repeat center;margin: 50px auto 0;}
.material .material-list{width: 1200px;margin: 0 auto;overflow: hidden;}
.material .material-list b{display: block;margin-left: 550px;color: #FFFFFF;font-size: 30px;margin-top: 50px;}
.material .material-list dl{margin-left: 550px;overflow: hidden;margin: 25px 0 15px 550px;}
.material .material-list dl dt{float: left;width: 50px;height: 50px;font-size: 0;text-align: center;line-height: 50px;margin-top: 8px;}
.material .material-list dl dt img{max-width: 100%;max-height: 100%;}
.material .material-list dl dd{margin-left: 20px;float: left;width: 550px;}
.material .material-list dl dd h3{font-size: 16px;color: #dedede;}
.material .material-list dl dd p{font-size: 14px;color: #adadad;}
.material .material-list a.more{margin-left: 550px;display: block;width: 120px;height: 36px;border-radius: 36px;text-align: center;line-height: 36px;border: 1px solid #dedede;color: #dedede;
font-size: 13px;text-transform: uppercase;transition: all 0.3s;margin-top: 30px;}

/*  */
.news{background: #f7f5f6;overflow: hidden;padding-bottom: 50px;}
.news .news-list{width: 1200px;margin: 0 auto;overflow: hidden;}
.news .news-list dl{float: left;width: 25%;}
.news .news-list dl dt{width: 95%;margin: 0 auto;height: 200px;font-size: 0;text-align: center;line-height: 200px;}
.news .news-list dl dt img{max-width: 100%;max-height: 100%;}
.news .news-list dl dd{width: 95%;margin: 0 auto;}
.news .news-list dl dd h3{font-size: 16px;color: #333;line-height: 32px;}
.news .news-list dl dd span{font-size: 14px;}
.news .news-list dl dd p{font-size: 14px;}

/*  */
.contact .contact-list{width: 1200px;margin: 50px auto;overflow: hidden;}
.contact-list-left{float: left;width: 340px;}
.contact-list-left dl dt{width: 80px;height: 80px;overflow: hidden;text-align: center;line-height: 80px;font-size: 0;}
.contact-list-left dl dt img{max-width: 100%;max-height: 100%;}
.contact-list-left dl dd h3{font-size: 40px;text-transform: uppercase;}
.contact-list-left dl dd b{font-size: 20px;}
.contact-list-left .adddress{margin-top: 50px;}
.contact-list-left .adddress p{font-size: 15px;color: #666;margin: 15px 0;}
.contact-list-left .adddress p b{display: block;color: #333333;}
.contact-list-right{float: right;width: 712px;}
.contact-list-right dl dt{width: 721px;}
.contact-list-right dl dt img{max-width: 100%;}
.contact-list-right dl dd{margin-top: 20px;}
.contact-list-right dl dd h3{font-size: 20px;color: #333;}
.contact-list-right dl dd p{font-size: 14px;margin-top: 10px;}

/*  */
.footer{background: #353233;overflow: hidden;padding: 50px 0;}
.footer-list{width: 1200px;margin: 0 auto;overflow: hidden;position: relative;}
.footer-list .footer-list-left{float: left;}
.footer-list .footer-list-left dt{height: 100px;width: 100px;overflow: hidden;text-align: center;line-height: 80px;font-size: 0;}
.footer-list .footer-list-left dt img{max-width: 100%;max-height: 100%;}
.footer-list .footer-list-left dd{color: #dedede;font-size: 15px;width: 315px;}
.footer-list .footer-list-center{position: absolute;top: 30px;left: 0;right: 0;margin: 0 auto;width: 400px;padding: 30px 50px;border-right: 1px dashed #585858;border-left: 1px dashed #585858;}
.footer-list .footer-list-center h3{color: #FFFFFF;font-size: 20px;margin: 0px 0 10px 0;}
.footer-list .footer-list-center .footer-nav ul{overflow: hidden;}
.footer-list .footer-list-center .footer-nav ul li{float: left;width:33.33%;}
.footer-list .footer-list-center .footer-nav ul li a{display: block;font-size: 15px;color: #dedede;line-height: 36px;}
.footer-list .footer-list-right{float: right;margin-top: 50px;}
.footer-list .footer-list-right p{font-size: 15px;color: #dedede;line-height: 30px;width: 300px;}

/*  */
.innerBanner{position: relative;height: 400px;overflow: hidden;margin-top: 80px;}
.innerBanner img{position: absolute;left: -960px;top: 0;margin-left: 50%;}

/*  */
.innerNav{width: 1200px;margin: 0 auto;position: relative;z-index: 99;text-align: center;background: url(nav-bg.png) no-repeat center;height: 170px;margin-top: 20px;overflow: hidden;}
.innerNav ul{overflow: hidden;display: inline-block;margin-top: 35px;}
.innerNav ul li{float: left;}
.innerNav ul li a{display: block;line-height: 96px;font-size: 16px;color: #333;background: #fff;text-align: center;transition: all 0.3s;height: 64px;width: 110px;}
.innerNav ul li a.on{background: url(on-bg.png) no-repeat 0 0;color: #FFFFFF;}
.innerNav ul li a:hover{background: url(on-bg.png) no-repeat 0 0;color: #FFFFFF;}
.innerNav .index-title{margin-top: 30px;}

/*  */
.innerProduct{overflow: hidden;width: 1200px;margin: 0 auto 50px;}
.innerProduct dl{float: left;padding: 15px;border: 1px solid #dedede;margin: 10px 6px;transition: all 0.3s;}
.innerProduct dl dt{width: 555px;}
.innerProduct dl dt img{max-width: 100%;}
.innerProduct dl dd{width: 555px;}
.innerProduct dl dd h3{font-size: 16px;color: #333333;margin: 15px auto 10px;}
.innerProduct dl dd p{font-size: 14px;}
.innerProduct dl:hover{border-color: #74493A;}

/*  */
.innerNews{width: 1200px;margin: 0 auto 50px;}
.innerNews dl{overflow: hidden;margin: 10px 0;padding: 10px 0;}
.innerNews dl dt{float: left;width: 90px;height: 90px;background: #22863D;color: #fff;text-align: center;}
.innerNews dl dt b{font-size: 20px;display: block;margin-top: 18px;}
.innerNews dl dd{float: right;width: 1090px;}
.innerNews dl dd h3{font-size: 16px;color: #333;line-height: 36px;}
.innerNews dl dd p{font-size: 14px;line-height: 24px;}

/*  */
.innerContact{width: 1200px;margin: 0 auto;}
.innerContact dd{overflow: hidden;margin: 50px 0;}
.innerContact dd .address{float: left;}
.innerContact dd .address h3{font-size: 20px;color: #333333;}
.innerContact dd .address p{font-size: 15px;margin: 10px 0;}
.innerContact dd .form{float: right;}
.innerContact dd .form table{width: 520px;margin: 0 auto;}
.innerContact dd .form table td span{display: none;}
.innerContact dd .form table .layui-input, .layui-textarea, .layui-select{margin: 10px 0;font-size: 15px;}
.innerContact dd .form table td.tableft{text-align: right;font-size: 15px;}
.innerContact dd .form table td .code{width: 340px;}
.innerContact dd .form table td .validateCode{height: 38px;vertical-align: top;margin-top: 10px;}
.innerContact dd .form table td .layui-btn{width: 100%;background: #FF9933;}
.innerContact dd .form table td .layui-textarea{height: 150px;}

/*  */
.innerDetails{width: 1200px;margin: 50px auto;}
.innerDetails .innerDetails-title{text-align: center;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px dashed #cccbcb;}
.innerDetails .innerDetails-title h3{font-size: 24px;color: #333;}
.innerDetails .innerDetails-title p{font-size: 14px;line-height: 30px;color: #666;}
.innerDetails .innerDetails-content{line-height: 26px;font-size: 16px;min-height: 200px;color: #666;}
.innerDetails .innerDetails-prevNext{padding-top: 15px;margin-top: 15px;border-top: 1px dashed #cccbcb;}
.innerDetails .innerDetails-prevNext p{font-size: 15px;line-height: 30px;color: #666;}
.innerDetails .innerDetails-prevNext p a{font-size: 15px;color: #333;color: #333;}




/*  */
.layui-laypage{width: 100%;text-align: center;margin: 50px auto;}
.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-skip{background: none;color: #333;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #FF6600;}