@charset "utf-8";

body {background: #fafaf2;}


/*--------------prolist--------------*/
.position {background: url(position-bg.png) no-repeat right bottom -7px; height: 157px;}
.position div {background: url(position-tit-bg.png) no-repeat left center; width: 345px; height: 100%; float: left; line-height: 157px; padding-left: 50px;}
.position div a { font-family: xingkai; font-size: 20px;}
.position span {font-size: 20px;  font-family: xingkai; }
.position .tn {color: #fff; background: url(tn-bg.png) no-repeat center; display: inline-block; width: 130px; text-align: center;}

.position2 { height: 157px;}
.position2 div {background: url(position-tit-bg.png) no-repeat left center; width: 345px; height: 100%; float: left; line-height: 157px; padding-left: 50px;}
.position2 div a { font-family: xingkai; font-size: 20px;}
.position2 span {font-size: 20px;  font-family: xingkai; }
.position2 .tn {color: #fff; background: url(tn-bg.png) no-repeat center; display: inline-block; width: 130px; text-align: center;}

.pro-wrap {margin-top: 70px;}
.pro-wrap:nth-of-type(1){margin-top: 0 !important;}
.pro-wrap .pro-jz {background: url(pro-jz.png) no-repeat center; height: 30px;}
.pro-wrap .pro-con {background: #e1c7a9; width: 1175px; -height: 400px; margin: 0 auto; padding-bottom: 10px;box-shadow: 5px 5px 5px #ccc;}
.pro-wrap .pro-con h1 {background: url(protitle.png) no-repeat left center; height: 68px; font-family: xingkai; font-size: 24px; color: #b50000; margin-left: 36px; padding-left: 70px; box-sizing: border-box; line-height: 68px;}
.pro-box {width: 1130px; -height: 310px; margin: 10px auto; background: #f3e8d0; overflow: hidden;}
.pro-box dl {float: left; width: 294px; height: 288px; background: url(pro-con.png) no-repeat center; margin: 10px 0 10px 60px;}
.pro-box dl dd {width: 275px; height: 215px; margin: 12px auto 5px; background: #fff;text-align: center; overflow: hidden; position: relative;}
.pro-box dl:hover img {transform: scale(1.1); transition: 0.5s;}
.pro-box dl dd a {width: 275px; height: 215px; display: table-cell; vertical-align: middle;}
.pro-box dl dd img {max-width: 100%; max-height: 100%; margin: 0 auto; transition: 0.5s;}
.pro-box dl dt {width:275px; height: 46px; line-height: 46px; text-align: center; margin: 0 auto;}
.pro-box dl dd .mask {width: 100%; height: 100%; background: rgba(154,128,60,0.75);  position: absolute; top: 0; left: 0; transition: 0.5s; opacity: 0; color: #fff; padding: 15px; box-sizing: border-box;}
.pro-box dl dd .mask a {color:#fff;}
/*.pro-box dl:hover dt{opacity: 0; transition: 0.5s}*/
.pro-box dl:hover .mask {opacity: 1;transition: 0.5s} 

.pro-box dl dt a {color: #555;}
.pro-box dl:hover a {color: #b17c4b;}
.pro-bg{height: 250px; background: url(moutain.png) no-repeat bottom center; opacity: 0.5;}

.page{text-align:center; margin-top: 20px;}
.page li{display:inline-block; padding: 3px 5px; border:1px solid #ac7441; list-style:none; text-align:center;min-width:30px; border-radius: 5px;}

.main-wrap  {overflow: hidden;}
.nbg {background: url(newslist-bg.jpg) no-repeat top center; }
.news-jz-top {width: 1210px; height: 50px; margin: 0 auto; background: url(news-jz.png) no-repeat bottom center; background-size: contain; position: relative; top: 3px; z-index: 999;}
.news-jz-bto {width: 1210px; height: 50px; margin: 0 auto; background: url(news-jz.png) no-repeat bottom center; background-size: contain; position: relative; bottom: 13px; z-index: 999;}
.newslist-box { background: #e7dcc8; width: 1080px; margin: 0 auto;     box-shadow: 5px 0px 10px #ccc; padding: 26px 36px; box-sizing: border-box; }
.newslist-box ul {}
.newslist-box ul li {width: 1000px; height: 180px; margin: 0 auto; background: #fff; padding: 36px 46px 20px; box-sizing: border-box; border-bottom: 2px dashed #ccc;}
.newslist-box ul li dl {}
.newslist-box ul li dl dd {width: 200px; height: 120px; float: left; overflow: hidden;}
.newslist-box ul li dl dd img {width: 100%; height: 100%; transition: all 0.3s;}
.newslist-box ul li:hover img {transform: scale(1.1); transition: all 0.3s;}
.newslist-box ul li dl dt {width: 680px; height: 120px; float: left; margin-left: 20px}
.newslist-box ul li dl dt:hover {color: #7a4722;}
.newslist-box ul li dl dt h2 {font: bold 16px/22px 微软雅黑; }
.newslist-box ul li dl dt p {margin-top: 10px; color: #2c2c2c; line-height: 24px;}
.newslist-box ul li dl dt span {}

.news-content {background: #e7dcc8; width: 1080px; margin: 0 auto; box-shadow: 5px 0px 10px #ccc; padding: 26px 36px; box-sizing: border-box;}
.news-content h1 {text-align: center; font: 24px/48px 'xingkai'; }
.news-content .info {text-align: center;}
.content-box {line-height: 26px;}
.content-box p {margin-top: 5px;}
.content-box img {max-width: 100%;}
.goback {display: block; width: 100px; height: 40px; -float: right; font-family: xingkai; font-size: 20px; text-align: center; line-height: 40px; background: url(back.png) no-repeat right center; margin-left: 900px;}
.goback:hover {background: url(back.png) no-repeat left center;}


.pro-wrap .pro-content {width: 1000px; -height: 310px; margin: 10px auto; background: #f3e8d0; overflow: hidden; box-sizing: border-box; padding: 20px;}
.pro-wrap .pro-info {background: #e1c7a9; width: 1080px; -height: 400px; margin: 0 auto; padding-bottom: 10px;     box-shadow: 5px 5px 5px #ccc;}
.pro-wrap .pro-info h1 {background: url(protitle.png) no-repeat left center; height: 68px; font-family: xingkai; font-size: 24px; color: #b50000; margin-left: 36px; padding-left: 70px; box-sizing: border-box; line-height: 68px;}
.pro-wrap .pro-content img {margin: 0 auto; max-width: 100%;}

.v-con {display: flex; justify-content: center;}
.v-con video {max-height: 600px;}
.v-content {margin: 30px auto; width: 400px; text-align: left;}
.v-content img {max-width: 100%;}
.v-content table {margin: 0 auto; border: 1px solid #5f3232; max-width: 100%;}



.menu-box {width: 1130px; -height: 310px; margin: 10px auto; background: #f3e8d0; overflow: hidden;}
.menu-box dl {float: left; width: 262px; height: 288px; background: url(pro-con.png) no-repeat center; margin: 10px}
.menu-box dl dd {width: 250px; height: 215px; margin: 12px auto 5px; background: #fff;text-align: center; overflow: hidden; position: relative;}
.menu-box dl:hover img {transform: scale(1.1); transition: 0.5s;}
.menu-box dl dd a {width: 250px; height: 215px; display: table-cell; vertical-align: middle;}
.menu-box dl dd img {max-width: 100%; max-height: 100%; margin: 0 auto; transition: 0.5s;}
.menu-box dl dt {width:250px; height: 46px; line-height: 46px; text-align: center; margin: 0 auto;}
.menu-box dl dd .mask {width: 100%; height: 100%; background: rgba(154,128,60,0.75);  position: absolute; top: 0; left: 0; transition: 0.5s; opacity: 0; color: #fff; padding: 15px; box-sizing: border-box;}
.menu-box dl dd .mask a {color:#fff;}
.menu-box dl:hover .mask {opacity: 1;transition: 0.5s} 
.menu-box dl dt a {color: #555;}
.menu-box dl:hover a {color: #b17c4b;}