@charset "utf-8";
body{margin:0px;font-size:14px;color: #87592e;font-family:"微软雅黑";}
*{padding:0px;margin:0px; outline: none;}
body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 { list-style:none;}
button {overflow:visible}
img{border:none;}
a{ font-size:14px; color:#3d2f1b;text-decoration:none;}
a:hover{color: #deac6a;text-decoration: none;}
li{	list-style:none;}
.clear{overflow:hidden;clear:both; height:0px;}
.lf{ float:left;}
.rt{ float:right;}
.m{ width:1200px; margin:0 auto;}

.t_p { overflow: hidden; position: relative;}
.t_p img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}
.t_p img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

.header{background: url(../images/top.jpg) no-repeat top center;height: 86px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.img-responsive{display: inline-block !important;}
.t_wz{display: inline-block !important;margin-top: 22px;}
.header .an{position:absolute;top: 35px;right:15px;height:18px;width:30px;display:none;}
.header .an span{width:30px;height:2px;background-color: #fff;display:block;position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}

.tel{/* background: url(../images/tel.png) no-repeat left center; padding-left: 38px; */margin-top: 18px;}
.tel img{display: inline-block;margin-left: 16px;}

.menu{width: 100%; background: #000000;}
.menu .nav{/* width:1200px; */margin:0 auto;}
.menu .nav i{font-size:14px;line-height: 32px;text-align:right;position:absolute;width:50%;height: 32px;right:15px;top:50%;display:none;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
.menu .nav ul li{width: 11.1%;text-align:center;float:left;position:relative;}
.menu .nav ul li a.o_lm{line-height: 22px;font-size: 18px;padding: 10px 0;display:block;color: #deac6a;text-decoration: none;text-transform: uppercase;}
.menu .nav ul li a.o_lm p{ font-size: 12px; color: #deac6a;}
.menu .nav ul li:hover a.o_lm{background-color: #a70100;color: #fff;}
.menu .nav ul li:hover a.o_lm p{ color: #fff;}
.menu .nav ul li.on a.o_lm{background-color: #a70100;color: #fff;}
.menu .nav ul li.on a.o_lm p{ color: #fff;}
.menu .nav .y_j{position:relative;}
.menu .nav .e_j{width:100%;background-color: #3674b9;position:absolute; z-index:9999;}
.menu .nav .e_j a{display:block;/* border-top: 1px solid #fff; */font-size: 13px;color:#fff;line-height:36px;text-decoration: none;}
.menu .nav .e_j a:hover{background-color: #a70100;}

.n1{ background: url(../images/n1_bg.jpg) no-repeat top center; height: 597px; padding-top: 75px;}
.t{ background: url(../images/t_bg.png) no-repeat top center; height: 88px; text-align: center;}
.t h1{ padding-top: 15px; line-height: 40px; font-size: 30px; color: #1b1b1b; font-weight: bold;}
.t p{ line-height: 20px; color: #1b1b1b; text-transform: uppercase;}
.n1b{ margin-top: 40px;}
.sy_cp0{position: relative;height: 100%;width: 100%;}
.sy_cp2{background: rgba(101,64,28,0.75);position: absolute;width: 100%;left: 0;bottom: 0;line-height: 30px;padding: 15px 0;text-align: center;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.sy_cp2 a{ display: block; width: 100%; font-size: 18px; color: #fff;}
.sy_cp3{background: rgba(101,64,28,0.75);position: absolute;width: 100%;height: 50%;bottom: 0;text-align: center; opacity: 0; transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.sy_cp3 h1{ padding-top: 30px; padding-bottom: 10px; line-height: 60px;}
.sy_cp3 h1 a{ font-size: 24px; color: #fff;}
a.ck_gd{background: url(../images/bjt.png) no-repeat  45px;width: 80px;margin: auto;height: 30px;text-align: left;border:1px solid #ddd;padding-left: 15px;text-transform:uppercase;font-size: 12px;color: #fff;line-height: 30px;display:block;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
a.ck_gd i{padding-left:10px;}
a.ck_gd:hover{color:#888;background: url(../images/hjt.png) no-repeat  45px #fff;text-decoration: none;}
a.ck_gd:before{content:"";width:0;height: 30px;border: 1px solid #000000;border-width:1px 0 1px 0;top:-1px;left:-1px;position:absolute;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
a.ck_gd:after{content:"";width: 80px;height:0;border: 1px solid #000000;border-width:0 1px 0 1px;top:-1px;left:-1px;position:absolute;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
a.ck_gd:hover:before{width: 80px;}
a.ck_gd:hover:after{height: 30px;}
.sy_cp0:hover .sy_cp2{ opacity: 0; transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.sy_cp0:hover .sy_cp3{ opacity: 1; transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}

.n2{ background: url(../images/n2_bg.jpg) no-repeat top center; height: 718px; padding-top: 75px;}
.n2m{ padding-top: 30px; padding-bottom: 50px;}
.n2m p{ text-align: center; line-height: 40px; font-size: 18px; color: #1b1b1b;}
.n2b{}
.n2b ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.n2b ul li{position: relative;width: 195px;height: 195px;border: 2px solid #b5b2ab;float: left;text-align: center;border-radius: 100%;}
.n21{height: 130px;padding-top: 40px;padding-bottom: 20px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.n21 img{ max-height: 100%;}
.n22{ line-height: 30px; font-size: 18px; color: #000000;}
.n23{background: rgba(151,112,75,0.9);position: absolute;width: 100%;height: 100%;border-radius: 100%;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;display: none;}
.n23 p{line-height: 35px;font-size: 16px;color: #fff;width: 120px;}
.n2b ul li:hover{border: none;}
.n2b ul li:hover .n23{left: 0;top: 0;display: block;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;border: none;}

.n3{ background: url(../images/n3_bg.jpg) no-repeat top center; height: 575px; padding-top: 72px;}
.n3b{ margin-top: 72px; position: relative;}
.n3b .swiper-slide{ background: none;}
.n3b .swiper-button-next, .n3b .swiper-button-prev{width: 27px;height: 51px;margin-top: -25px;opacity: 0.7;}
.n3b .swiper-button-next:hover, .n3b .swiper-button-prev:hover{ opacity: 1;}
.n3b .swiper-button-prev{background: url(../images/l1.png) no-repeat left center;left: -80px;}
.n3b .swiper-button-next{background: url(../images/r1.png) no-repeat left center;right: -80px;}

.n4{ text-align: center;}
.n4 img{ max-width: 100%; height: auto;}

.n5{ background: url(../images/n5_bg.jpg) no-repeat top center; height: 777px; padding-top: 68px;}
.n5m{ margin-top: 60px; margin-bottom: 56px;}
.n51{ position: relative; width: 50.6%;}
.n51 p{ background: rgba(0,0,0,0.7); position: absolute; width: 100%; bottom: 0; line-height: 60px; padding-left: 20px;}
.n51 p a{ display: block; font-size: 18px; color: #fff;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.n52{ width: 47.3%;}
.n52 ul li{background: #fff;margin-top: 21px;he;height: 124px;padding: 25px 0; -webkit-transition: all .2s linear; transition: all .2s linear;}
.n52 ul li:first-child{ margin-top: 0;}
.n521{width: 19.4%;text-align: center;}
.rq1{line-height: 46px;color: #333333;height: 46px;}
.rq1 strong{font-size: 20px;font-weight: normal;display: inline-block;vertical-align: text-bottom;}
.rq1 span{font-size: 33px;font-weight: bold;display: inline-block;}
.rq1 span:nth-of-type(2){font-size: 16px;font-weight: normal;vertical-align: middle;}
.rq2{line-height: 25px;font-size: 13px;color: #333333;}
.n522{padding-left: 4.9%;width: 76%;border-left: 1px solid #f7f7f7;}
.n522 a{ display: block; line-height: 30px; padding: 5px 0; font-size: 18px; color: #333333;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.n52 ul li:hover{ -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.more{display: block;width: 170px;margin: auto;background: #fff;color: #7f4f21;font-size: 18px;text-align: center;line-height: 50px;border: 1px solid #7f4f21;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.more:hover{color:#fff;border: 1px solid #deac6a;box-shadow: inset 235px 0 0 0 #deac6a;-webkit-box-shadow: inset 235px 0 0 0 #deac6a;-moz-box-shadow: inset 235px 0 0 0 #deac6a;-ms-box-shadow: inset 235px 0 0 0 #deac6a;-o-box-shadow: inset 235px 0 0 0 #deac6a;}

.f1{ background: #171717; padding-top: 60px; padding-bottom: 26px;}
.f11{ padding: 0;}
.f11 p{ line-height: 30px; color: #fff;}
.f12{ padding: 0;}
.f12 p{ line-height: 40px; font-size: 18px; color: #fff; font-weight: bold;}
.f12 ul{ max-width: 300px;}
.f12 ul li{ display: inline-block; width: 70px; line-height: 35px;}
.f12 ul li a{ color: #fff;}
.f13{ width: 97px; margin-left: auto; text-align: center; padding: 0; float: right;}
.f13 p{ line-height: 50px; font-size: 18px; color: #fff; text-align: center;}
.f2{ background: #000000; padding: 10px 0; line-height: 30px; text-align: center; font-size: 12px; color: #fff;}
.f2 a{ font-size: 12px; color: #fff;}

.nban{ text-align: center;}
.nban img{ max-width: 100%;}

/* 关于谛勋 */
.ab1{ background: url(../images/ab1.jpg) repeat top center; height: 750px; padding-top: 75px;}
.t1{background: url(../images/ab.png) no-repeat top center;width: 149px;margin: auto;height: 55px;line-height: 55px;font-size: 24px;color: #87592e;text-align: center;font-weight: bold;}
.ab11{ margin: 40px 0;}
.ab11 p{ text-indent: 2em; line-height: 36px; font-size: 18px; color: #87592e;}
.ab13{ margin-top: 15px;}
.ab13 p{ text-indent: 2em; line-height: 36px; font-size: 18px; color: #87592e;}
.ab1 img{ max-width: 100%; height: auto;}

.ab2{ background: url(../images/ab2.jpg) repeat top center; height: 450px; padding-top: 20px;}
.ab2m{ margin-top: 40px; position: relative;}
.ab2m .swiper-button-prev, .ab2m .swiper-button-next{ width: 37px; height: 61px; margin-top: -30px;}
.ab2m .swiper-button-prev{ background: url(../images/l3.jpg) no-repeat left center; left: -70px;}
.ab2m .swiper-button-next{ background: url(../images/r3.jpg) no-repeat left center; right: -70px;}

.ab3{ background: url(../images/ab3.jpg) repeat top center; height: 676px; padding-top: 20px;}
.ab3m{ margin-top: 30px;}
.ab3m p{ line-height: 36px; font-size: 18px; color: #87592e;}
.ab3m img{ max-width: 100%; height: auto;}

/* 招商加盟 */
.jn1{ background: url(../images/j1_bg.jpg) repeat top center; height: 1555px; padding-top: 75px;}
.j1{ margin-top: 50px;}
.j10 p{ line-height: 36px; font-size: 18px; color: #87592e;}
.j10 p strong{ font-size: 36px; color: #87592e;}
.j10 ul{ display: flex;flex-flow: wrap;justify-content: space-between; margin-top: 30px;}
.j10 ul li{ width: 31.7%; display: inline-block; float: left;}
.j10 ul li img{ max-width: 100%; height: auto;}
.j2{ margin: 70px 0;}

.jn2{ background: url(../images/j2_bg.jpg) repeat top center; height: 1368px; padding-top: 75px;}
.jn23 { margin-top: 30px;}
.jn23 ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.jn23 ul li{ background: url(../images/jt.png) no-repeat right top 65px; width: 22.5%; margin-top: 20px; display: inline-block; float: left; text-align: center; font-weight: bold;}
.lc1 img{ height: 151px;}
.jn23 ul li h1{ margin-top: 10px; line-height: 30px; font-size: 18px; color: #87592e; font-weight: bold;}
.jn23 ul li p{ line-height: 30px; color: #87592e;}
.jn23 ul li:nth-of-type(4){ background: none;}
.jn23 ul li:nth-of-type(8){ background: none;}
.jn22{ margin-top: 66px;}
.jn24{ background: url(../images/zx.png) no-repeat top center; height: 422px; margin-top: 40px; padding-top: 78px;}
.jn25{ max-width: 930px; margin: auto;}
.jn25 input.w_z{background: #fff;width:49%;font-size:30px; height:68px;line-height:68px;padding-left: 30px;border-radius: 12px;margin-bottom:15px;border: none;}
.jn25 input.w_z::-webkit-input-placeholder{ color:#87592e; opacity: 0.3;}
.jn25 input.w_z::-moz-placeholder{ color:#87592e; opacity: 0.3;}
.jn25 input.w_z::-moz-placeholder{ color:#87592e; opacity: 0.3;}
.jn25 input.w_z::-ms-input-placeholder{ color:#87592e; opacity: 0.3;}
.jn25 input.w_z:nth-of-type(even){ float: right;}
.jn25 input.a_n{width:18%;height:120px;line-height:120px;background-color:#7f4f21;font-size:30px;color:#fff;border: none;font-weight: bold;border-radius: 8px;float: right;}
.jn25 textarea{width:80%;height:120px;padding-left: 30px;padding-top: 15px;outline:none;resize:none;font-size:30px;border: none;border-radius: 12px;}
.jn25 textarea::-webkit-input-placeholder{ color:#87592e; opacity: 0.3;}
.jn25 textarea::-moz-placeholder{ color:#87592e; opacity: 0.3;}
.jn25 textarea::-moz-placeholder{ color:#87592e; opacity: 0.3;}
.jn25 textarea::-ms-input-placeholder{ color:#87592e; opacity: 0.3;}


/*新闻中心1*/
.neiye{background: url(../images/ab1.jpg) repeat top center;padding-top: 80px;padding-bottom: 30px;}
.ny_news{margin-top: 50px;}
.ny_news .media{border-bottom: 1px solid #87592e;padding-bottom: 30px;margin-bottom: 30px;}
.ny_news .media .media-left{background: #87592e;padding:5px 15px;float: left;width:10%;}
.ny_news .media .exhibition-left{padding:0px;float: left;}
.ny_news .media .media-left h5,.ny_news .media .media-left h4{color: #fff;font-size:14px;text-align: center;}
.ny_news .media .media-left h5{font-size:32px;font-weight:bold;}
.ny_news .media .media-body{padding-left: 30px;width:85%;float:left;}
.ny_news .media .media-body a{font-weight: bold;font-size: 18px;color: #87592e;display: block;}
.ny_news .media .media-body span{display: block;margin-top: 10px;line-height:25px;}
.shownews h4{margin-bottom: 20px;color: #333;}
.shownews p{color: #666;line-height: 28px;margin-bottom: 20px;}
.pn {padding-bottom:40px;}
/*新闻中心2*/
.news{margin-bottom: 30px;padding-bottom: 25px;border-bottom:1px dashed #dedede;}
.news img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}
.news img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.news2t{line-height: 38px;}
.news2t a{font-size: 18px;color:#666666;}
.fbsj{ line-height:30px; margin-bottom:5px; font-size:15px; color:#d0d0d0;}
.news2b{line-height: 25px;font-size: 16px;color: #999999;}
.news1{width: 29.6%;}
.news1 img{ max-width:100%;}
.news2{ width:70%;}
/*产品中心*/
.list_pro{ background: url(../images/p_bg.jpg) repeat top center; padding-top: 72px; padding-bottom: 70px;}
.list_p1{ width: 20%;}
.fl1{ background: #87592e; padding: 11px 0;}
.fl10{ background: url(../images/bk.png) no-repeat top center; width: 193px; margin: auto; text-align: center; height: 78px; line-height: 78px; font-size: 24px; color: #fff;}
.fl2{background: #f5f3ee;padding-top: 10px;padding-bottom: 20px;}
.menu_head{background: #87592e url(../images/r.png) center right 30px no-repeat;width: 100%;line-height: 50px;padding-left: 36px;font-size: 18px;color: #fff;cursor:pointer;position:relative;margin:0px;margin-top: 10px;}
.menu_head a{font-size: 18px;color: #fff;}
.menu_list .current{background: #87592e url(../images/x.png) center right 30px no-repeat;}
.menu_body{width: 100%;height:auto;overflow:hidden;line-height:38px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;}
.menu_body a{display:block;width: 100%;background: #cfbeac;line-height: 50px;padding-left: 36px;font-size: 18px;color: #fff;text-decoration:none;margin-top: 10px;}
.menu_body a:hover{text-decoration:none;}
.menu_body .cur{ background: #97704b;}
.list_p2{ width: 77.5%;}

.dq{ line-height: 35px; padding-bottom: 15px; border-bottom: 1px solid #87592e; font-size: 24px; color: #87592e;}

.pro{ padding-top: 10px;}
.pro ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.pro ul li{ width: 32.5%; float: left; margin-top: 10px;}
.pro ul li .sy_cp3 h1{padding-top: 15px;padding-bottom: 10px;line-height: 35px;}
.pro ul li .sy_cp3 h1 a{font-size: 18px;color: #fff;}

/*店面展示*/
.pic{ margin-top: 50px;}
.ny_cp{padding: 0px; margin-top: 15px;}
.ny_cp .nc_tp{ }
.ny_cp .nc_wz{ text-align:center; line-height:40px;}
.ny_cp .nc_wz a{ font-size:16px;}
.ny_cp .nc_tp img{width:100%;height: 244px;display:block;object-fit: cover;}

.tit strong{ font-size:18px;}

/* 分页 */
.page {text-align: center;margin-top: 30px;}
.page span {display: inline-block;padding: 0 15px;line-height: 36px;background: #87592e;color: #fff;text-align: center;margin: 0 6px;font-size: 15px;border-radius: 5px;}
.page a {display: inline-block;line-height: 36px;text-align: center;padding: 0 15px;margin: 0 6px;font-size: 15px;border: 1px solid #b4b4b4;border-radius: 5px;}