@charset "utf-8";
@media only screen and (min-width:993px) and (max-width:1201px){
.n3b .swiper-button-prev{background: url(../images/l1.png) no-repeat left center;left: 0px;}
.n3b .swiper-button-next{background: url(../images/r1.png) no-repeat left center;right: 0px;}

.pro ul li .sy_cp3 h1{padding-top: 10px;padding-bottom: 10px;line-height: 35px;}

.ab11 p{text-indent: 2em;line-height: 36px;font-size: 16px;color: #87592e;}
.ab13 p{text-indent: 2em;line-height: 36px;font-size: 16px;color: #87592e;}
.ab2m .swiper-button-prev{background: url(../images/l3.jpg) no-repeat left center;left: 0px;}
.ab2m .swiper-button-next{background: url(../images/r3.jpg) no-repeat left center;right: 0px;}

}
@media only screen and (max-width:993px){
body{margin:0px;font-size: 13px;color:#3d2f1b;font-family:"微软雅黑";}
a{ font-size:13px;}
	
a.ck_gd{background: url(bjt.png) no-repeat  105px #000000;width: 150px;height:40px;border:1px solid #ddd;padding-left: 10px;text-transform:uppercase;font-size: 13px;color: #fff;line-height:40px;display:block;position:relative;}
a.ck_gd i{padding-left:10px;}

.header{ margin-bottom:0px;}
.header .an{display:block;}
.menu{width: 100%;padding:15px 5%;background-color:#000;height:100%;position:fixed;top: 85px;left: -100%;z-index:9999;margin-left: 0;overflow:auto;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.menu.on{left:0;}
.menu.on .xia:before{ transform: rotate(90deg);}
.menu .nav{width:100%;}
.menu .nav i{display:block;right: 0;color: #fff;top: 18px;}
.menu .nav ul li{width:100%; height:auto; font-size:15px; text-align:left; border-bottom:1px solid #444; float:none; margin-right:0;}
.menu .nav ul li a.o_lm{color:#aaa;font-size: 14px;padding: 5px 0;line-height: 22px;}
.menu .nav ul li:hover a.o_lm{background:none;}
.menu .nav ul li.on a.o_lm{background:none; color:#fff;}
.menu .nav .e_j{background:none; position:relative; display:none; padding-bottom:10px;}
.menu .nav .e_j a{border-top:0;font-size: 13px;color:#aaa;line-height:32px;padding-left: 15px;}
.menu .nav .e_j a:hover{background:none;}
/* .menu .nav ul li:hover .e_j{display:none;} */
.head_h{display:block;}
.menu .nav .s_j{width:100%;background: none;position:absolute;z-index:9999;padding-left: 25px;}
.menu .nav ul li .e_j0{ position: relative;}
.menu .nav ul li .e_j0 .s_j{position: static;left: 0;top: 0;display: none;}
.menu .nav ul li .e_j0:hover .s_j{opacity: 1;visibility: visible;background: none;padding-left: 25px;}

.navbar-brand{/* width:70%; */}
.navbar{position: static;}
.header{background: url(../images/top.jpg) no-repeat top center;height: 86px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: initial;-webkit-align-items: center;position: relative;}
.img-responsive{display: inline-block !important;height: 44px;}
.t_wz{display: inline-block !important;margin-top: 5px;/* max-width: 250px; *//* display: none !important; */}

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

/* .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{ min-height: 30vh;} */

.n1{background: url(../images/n1_bg.jpg) no-repeat top center;height: auto;padding-top: 30px;padding-bottom: 30px;}
.t{background: url(../images/t_bg.png) no-repeat top center;height: 68px;text-align: center;background-size: 180px;}
.t h1{padding-top: 8px;line-height: 30px;font-size: 18px;color: #1b1b1b;font-weight: bold;}
.t p{ line-height: 20px; color: #1b1b1b; text-transform: uppercase;}
.n1b{margin-top: 30px;}
.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;padding: 10px 0;line-height: 25px;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: 14px;color: #fff;}
.sy_cp3{background: rgba(101,64,28,0.75);position: absolute;width: 100%;height: 100%;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: 10px;padding-bottom: 10px;line-height: 25px;}
.sy_cp3 h1 a{font-size: 14px;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;padding-top: 2%;}

.n2{background: url(../images/n2_bg.jpg) repeat top center;height: auto;padding-top: 30px;padding-bottom: 30px;}
.n2m{padding-top: 30px;padding-bottom: 15px;}
.n2m p{text-align: center;line-height: 30px;font-size: 13px;color: #1b1b1b;}
.n2b{}
.n2b ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.n2b ul li{position: relative;width: 135px;height: 135px;border: 1px solid #b5b2ab;float: left;text-align: center;border-radius: 100%;margin-top: 15px;}
.n21{height: 70px;padding-top: 20px;padding-bottom: 10px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.n21 img{ max-height: 100%;}
.n22{line-height: 35px;font-size: 14px;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: 25px;font-size: 14px;color: #fff;width: 90px;}
.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: auto;padding-top: 30px;padding-bottom: 30px;}
.n3b{margin-top: 30px;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: 0px;background-size: 20px;}
.n3b .swiper-button-next{background: url(../images/r1.png) no-repeat left center;right: 0px;background-size: 20px;}

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

.n5{background: url(../images/n5_bg.jpg) repeat top center;height: auto;padding-top: 30px;padding-bottom: 30px;}
.n5m{margin-top: 30px;margin-bottom: 30px;}
.n51{position: relative;width: 100%;float: none;}
.n51 p{background: rgba(0,0,0,0.7);position: absolute;width: 100%;bottom: 0;line-height: 40px;padding-left: 10px;}
.n51 p a{display: block;font-size: 14px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.n52{width: 100%;float: none;}
.n52 ul li{overflow: hidden;background: #fff;margin-top: 15px;he;height: auto;padding: 15px 0;-webkit-transition: all .2s linear;transition: all .2s linear;}
.n52 ul li:first-child{margin-top: 15px;}
.n521{width: 19.4%;text-align: center;}
.rq1{line-height: 40px;color: #333333;height: 40px;}
.rq1 strong{font-size: 18px;font-weight: normal;display: inline-block;vertical-align: text-bottom;}
.rq1 span{font-size: 22px;font-weight: bold;display: inline-block;}
.rq1 span:nth-of-type(2){font-size: 14px;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: 23px;padding: 5px 0;font-size: 14px;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: 90px;margin: auto;background: #fff;color: #7f4f21;font-size: 13px;text-align: center;line-height: 30px;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 90px 0 0 0 #deac6a;-webkit-box-shadow: inset 90px 0 0 0 #deac6a;-moz-box-shadow: inset 90px 0 0 0 #deac6a;-ms-box-shadow: inset 90px 0 0 0 #deac6a;-o-box-shadow: inset 90px 0 0 0 #deac6a;}

.f1{background: #171717;padding-top: 30px;padding-bottom: 26px;}
.f11{padding: 0;float: none;}
.f11 p{line-height: 26px;color: #fff;}
.f12{padding: 0;float: none;}
.f12 p{line-height: 35px;font-size: 15px;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: 0;text-align: center;padding: 0;float: none;margin: auto;margin-top: 15px;}
.f13 p{line-height: 30px;font-size: 15px;color: #fff;text-align: center;}
.f2{background: #000000;padding: 10px 0;line-height: 25px;text-align: center;font-size: 12px;color: #fff;}

/* 关于谛勋 */
.ab1{background: url(../images/ab1.jpg) repeat top center;height: auto;padding-top: 30px;padding-bottom: 30px;}
.t1{background: url(../images/ab.png) no-repeat top center;width: auto;margin: auto;height: 40px;line-height: 40px;font-size: 18px;color: #87592e;text-align: center;background-size: 109px;}
.ab11{margin: 15px 0;}
.ab11 p{text-indent: 0;line-height: 28px;font-size: 14px;color: #87592e;}
.ab13{ margin-top: 15px;}
.ab13 p{ text-indent: 2em; line-height: 28px; font-size: 14px; color: #87592e;}

.ab2{background: url(../images/ab2.jpg) repeat top center;height: auto;padding-top: 30px;padding-bottom: 30px;}
.ab2m{margin-top: 30px;position: relative;}
.ab2m .swiper-button-prev, .ab2m .swiper-button-next{width: 25px;height: 61px;margin-top: -30px;}
.ab2m .swiper-button-prev{background: url(../images/l3.jpg) no-repeat left center;left: 0px;background-size: 25px;}
.ab2m .swiper-button-next{background: url(../images/r3.jpg) no-repeat left center;right: 0px;background-size: 25px;}

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

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

.jn2{background: url(../images/j2_bg.jpg) repeat top center;height: auto;padding-top: 30px;padding-bottom: 30px;}
.jn23 {margin-top: 15px;}
.jn23 ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.jn23 ul li{background: none;width: 23%;margin-top: 15px;display: inline-block;float: left;text-align: center;font-weight: bold;}
.lc1 img{height: auto;max-width: 100%;}
.jn23 ul li h1{margin-top: 10px;line-height: 28px;font-size: 15px;color: #87592e;font-weight: bold;}
.jn23 ul li p{display: none;line-height: 23px;color: #87592e;}
.jn23 ul li:nth-of-type(4){ background: none;}
.jn23 ul li:nth-of-type(8){ background: none;}
.jn22{margin-top: 30px;}
.jn24{background: none;height: auto;margin-top: 0px;padding-top: 30px;background-size: contain;}
.jn25{ max-width: 930px; margin: auto;}
.jn25 input.w_z{background: #fff;width: 48%;font-size: 14px;height: 35px;line-height: 35px;padding-left: 15px;border-radius: 6px;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: 90px;line-height: 90px;background-color:#7f4f21;font-size: 15px;color:#fff;border: none;font-weight: bold;border-radius: 5px;float: right;}
.jn25 textarea{width:80%;height: 90px;padding-left: 15px;padding-top: 10px;outline:none;resize:none;font-size: 14px;border: none;border-radius: 6px;}

/*联系我们*/

/*新闻中心1*/
.neiye{background: url(../images/ab1.jpg) repeat top center;padding-top: 30px;padding-bottom: 30px;}
.ny_news{ margin-top:30px;}
.ny_news .media{border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 15px;}
.ny_news .media .media-left{background: #deac6a;padding:5px 15px;float: left;width:23%;}
.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{ width:73%; padding-left: 15px;width:73%;float:left;}
.ny_news .media .media-body a{font-weight: bold;font-size: 14px;color: #333;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 20px;}
.ny_news .media .media-body span{display: block;margin-top: 0;line-height: 22px;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*新闻中心2*/
.news1{width: 100%;}
.news1 img{ width:100%;}
.news2{ width:100%;}
.news{margin-top: 20px;padding-bottom: 15px;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: 21px;margin-top: 10px;}
.news2t a{font-size: 14px;color:#666666;}
.fbsj{line-height: 23px;margin-bottom:5px;font-size: 13px;color:#d0d0d0;}
.news2b{line-height: 21px;font-size: 13px;color: #999999;}

/*产品中心*/
.list_pro{background: url(../images/p_bg.jpg) repeat top center;padding-top: 30px;padding-bottom: 30px;}
.list_p1{width: 100%;float: none;display: none;}
.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;}
.list_p2{width: 100%;float: none;}

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

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

/*店面展示*/
.pic{ margin-top: 15px;}
.ny_cp{padding: 5px; margin-top: 8px;margin-bottom: 8px;}
.ny_cp .nc_tp{}
.ny_cp .nc_wz{text-align:center;line-height: 35px;}
.ny_cp .nc_wz a{ font-size:14px;}
.ny_cp .nc_tp img{width:100%;height: auto;display:block;object-fit: cover;}

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

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

}
@media (min-width:993px){
.menu .nav{/* width:970px; */}

.menu .nav .e_j{width:100%;background: rgba(167,1,0,0.6);position:absolute;z-index:9999;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0);}
.menu .nav ul li:hover .e_j{ opacity: 1; visibility: visible; transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);}

.menu .nav .s_j{width:100%;background: rgba(167,1,0,0.6);position:absolute;z-index:9999;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0);}
.menu .nav ul li .e_j0{ position: relative;}
.menu .nav ul li .e_j0 .s_j{ transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);position: absolute;left: 100%;top: 0;}
.menu .nav ul li .e_j0:hover .s_j{opacity: 1;visibility: visible;}

.f11{ width: 48.8%; margin-top: 30px;}
.f12{ width: 33%;}

}
@media (min-width:1200px){
.menu .nav{/* width:1200px; */}
}