@charset "utf-8";

/* CSS Document */


::-moz-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-moz-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #000;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-moz-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#fad30e;  
}  

::-ms-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-ms-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #000;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-ms-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#fad30e;  
}  


::-webkit-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #292929;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #292929;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#fad30e;  
}  






/*公用*/


.fg{ clear:both;}
* {
	margin: 0px;
	padding: 0px;
}
input, textarea,select {
	font-family: "Microsoft YaHei",Arial;
	font-size: 12px;
	outline: none;
}
li {
	list-style: none;
}
table {
	border-collapse: collapse;
}
img {
	border: none;
	max-width: 100%;
}

.donghua, ::after, ::before {
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
	text-decoration: none;
	color:#fff;
	
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

html {
	min-height: 100%;
	position:relative;
}

body {
	position: relative;
	min-height: 100%;
	font-size: 12px;
	color:#fff;
	color:rgba(255,255,255,.6);
	font-family: Arial, "Microsoft Yahei";
	min-width:1300px;
	overflow-y:hidden;
	background-position:center; background-attachment:fixed; background-size:cover; 


}
.layui-layer-content{ color:#000;}
.main-box{ min-height:500px; position:relative; padding-right:300px; overflow:auto;}
.nav{position:fixed; width:300px; height:100%; top:0;  right:0; z-index:10; background: rgba(255, 255, 255, 0.6); }
.nav .logo{ padding:30px 0;  height:142px; margin:0 auto; text-align:center;}
.nav .logo img{ height:142px;}
.nav .menu{ display:block;}
.nav .menu ul li{ display:block; height:32px; margin-bottom:8px; overflow:hidden;}
.nav .menu ul li a{ display:block; height:32px; line-height:32px;color:#000;}
.nav .menu ul li a .en{ height:32px; width:50%; float:left; text-align:right;font-family: 'simsun',Arial, "Microsoft Yahei"; color:#7f7f7f;}
.nav .menu ul li a .cn{ height:32px; width:46%; float:right; font-size:16px;  font-family:楷体, 楷体_GB2312, SimKai,"Microsoft Yahei"; font-weight:bold}
.nav .menu ul li a:hover,.nav .menu ul:hover li a:hover,.nav .menu ul:hover li.on a:hover{ background:#1c1c1c; color:#FFF;}
.nav .menu ul li.on a{ color:#333}
.nav .menu ul:hover li a,.nav .menu ul:hover li.on a{background:none;}
.nav .search{ height:22px;  position:relative; width:132px; margin-left:160px; margin-top:30px; }
.nav .search input[type='text']{ border:0px; background:none; height:20px; line-height:20px; padding:0 0px 0 0px;  color:#172a88; border:0 ; border-radius:11px; width:20px; text-indent:30px; margin-left:auto; margin-right:0px; border:1px solid #ccc; }
.nav .search input[type='text']:Focus{width:130px; text-indent:20px;}
.nav .search input[type='text']{ color:#fff;}
.nav .search input.btn{ border:0px; background:url(../images/search-01.png) center no-repeat; background-size:60% 60% !important; cursor:pointer; width:22px; height:22px; position:absolute; top:0px; left:0px; cursor:pointer; }
.nav .search input.btn{background:url(../images/search-01.png) center no-repeat;}
.fmgb{ width:191px; height:80px; margin:0 auto; padding:20px 0 0 0;}
.bkys{ width:300px; height:60px; margin:0 auto; padding:0 0 20px 0;}

/*首页*/
/*banner*/
.bannerheight{ min-height:500px;}
.indexbanner{ background:#ccc; height:500px;}
.indexbanner .list ul,.indexbanner .list ul li,.indexbanner .list ul li a{ display:block; background-position:center; background-size:cover; background-repeat:no-repeat; width:100% !important;} 
/*index-bottom*/
.index-bottom{ background:url(../images/hbg_03.png); background:rgba(0,0,0,.3);position:absolute; left:0px; width:100%; bottom:0px; border-top:1px solid #fff;border-bottom:1px solid #fff;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);}
.index-bottom .main{ height:170px; position:relative; width:1199px; margin:auto; border-left:1px;}
.index-bottom .main .up-box{ height:170px; float:left; width:239px; border-right:1px solid rgba(255,255,255,.2); position:relative; overflow:hidden;}
.index-bottom .main .up-box.news{ width:718px; height:170px;}
.index-bottom .main .up-box.news .type-biao{ height:22px; width:50px; text-align:center; color:#fff; font-weight:bold; line-height:22px; font-size:13px; background:#c0a062; display:block; position:absolute; top:26px; margin-top:-11px; left:16px;}
.index-bottom .main .up-box .btn{ height:52px; width:52px; cursor:pointer; position:absolute; top:0px; right:0px; background:url(../images/index_12.png) center no-repeat;}
.index-bottom .main[data-on="on"] .up-box .btn{ background:url(../images/index_15.png) center no-repeat;}
.index-bottom .main .up-box.news .list{ padding:0 60px 0 80px; line-height:28px;}
.index-bottom .main .up-box.news .list ul{ padding-top:13px !important;}
.index-bottom .main .up-box.news .list ul li{ display:block; height:28px; overflow:hidden; position:relative; margin-bottom:11px;}
.index-bottom .main .up-box.news .list ul li span{ margin-right:20px;}
.index-bottom .main .up-box.news .list ul li a{ color:#fff;}
.index-bottom .main .up-box.news .list ul li a:hover{ text-decoration:underline;}
.index-bottom .main .up-box.cha .bbt{ display:block; height:52px; padding:0 18px; line-height:52px; background:url(../images/index_07.png) 18px 50% no-repeat;}
.index-bottom .main .up-box.join .bbt{ display:block; height:52px; padding:0 18px; line-height:52px; background:url(../images/index_09.png) 18px 50% no-repeat;}
.index-bottom .main .up-box.join .href img{ width:206px; height:104px; display:block; margin:auto;}
.index-bottom .main .up-box.cha .href{ display:block;  position:relative; color:#fff;}
.index-bottom .main .up-box.cha .href img{ width:170px; height:110px; border:1px solid #cdb066; display:block; margin:0 auto;}
.index-bottom .main .up-box.cha .href .text{ width:170px; left:0px; bottom:0px; text-align:center; position:absolute; color:#fff; line-height:24px;}
.index-bottom .main .up-box.cha .bbt a,.index-bottom .main .up-box.join .bbt a{ color:#fff; padding-left:30px;}
.index-bottom .main .up-box.cha a:hover{text-decoration:underline;}
.index-bottom .main[data-on="on"]{ height:170px;}
.index-bottom .main[data-on="on"] .up-box{ height:170px;}
/*首页 end*/
/*内页*/
#gotop{ position:absolute; bottom:100%; right:100px; display:none; width:52px; height:52px; cursor:pointer;}
.zi-main{ width:1000px; margin:auto; padding-top:80px; padding-bottom:70px;}
.weizhi{ line-height:30px; height:30px; margin-bottom:49px;}
.weizhi a:hover{ text-decoration:underline;}
.weizhi span{ font-family:'simsun'; margin:0 8px;}
.zi-main .zi-type{ text-align:center;font-family:"Microsoft Yahei";}
.zi-main .zi-type .cn{ height:50px; line-height:50px; color:#fff; font-size:30px; }
.zi-main .zi-type .en{ overflow:hidden; position:relative; height:32px; line-height:32px; font-size:20px; color:#dab866;}
.zi-main .zi-type .bbt{ padding:0 60px; position:relative; height:32px; display:inline-block; *display:inline; *zoom:1;}
.zi-main .zi-type .bbt .ico{ width:15px; height:10px; top:50%; margin-top:-5px; position:absolute;}
.zi-main .zi-type .bbt .ico.leftico{ left:12px; background:url(../images/ziico_03.png);}
.zi-main .zi-type .bbt .ico.rightico{ right:12px; background:url(../images/ziico_05.png);}
.zi-main .zi-type .bbt .line{ width:500px; height:1px; background:#dab866; position:absolute; top:50%;}
.zi-main .zi-type .bbt .line.leftline{ right:100%;}
.zi-main .zi-type .bbt .line.rightline{ left:100%;}
.zitype-list{ background:url(../images/hbg_03.png); background:rgba(0,0,0,.3); height:55px; line-height:55px; border-top:1px solid #fff; border-bottom:1px solid #fff; text-align:center; bottom:46px; left:0; position:fixed; width:100%; border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.zitype-list .list{ height:55px; display:inline-block; *display:inline; *zoom:1; border-left:1px solid #fff; border-left:1px solid rgba(255,255,255,.2); padding-right:300px;}
.zitype-list .list a{ display:inline-block; *display:inline; *zoom:1;border-right:1px solid #fff;border-right:1px solid rgba(255,255,255,.2); padding:0 15px; min-width:100px; font-size:14px;}

.zitype-list .list a:hover,.zitype-list .list:hover a.on:hover,.zitype-list .list a.on{ background:#dab866; color:#fff; font-weight:bold;}
.zitype-list .list:hover a.on{ background:none; color:#fff;  color:rgba(255,255,255,.6);}

/**/
.ziview-main{ width:1000px; margin:auto; padding:55px 0;}
.ziview-main .v-box{  background:#fff; box-shadow:0 0 40px rgba(0,0,0,.3);}
.ziview-main .weizhi{ margin-bottom:0px; position:relative; height:45px; line-height:45px; padding:0 24px;
background:#8a691a; 
background: -moz-linear-gradient(left, #8a691a 0%, #dab866 50%, #8a691a 100%);
background: -webkit-linear-gradient(left, #8a691a 0%,  #dab866 50%,#8a691a 100%);
background: linear-gradient(to right, #8a691a 0%,  #dab866 50%,#8a691a 100%);
}
.ziview-main .weizhi a{ color:#fff;}
.ziview-main .weizhi a.back{ width:45px; height:45px; position:absolute; top:0px; cursor:pointer; right:0px; background:url(../images/gb_03.png);}
/*新闻*/
.news-main{ margin-top:58px; padding-bottom:58px;}
.news-main .left{ width:400px; float:left; height:420px; background:#424540; position:relative; overflow:hidden;}
.news-main .left .list{height:379px; overflow:hidden;}
.news-main .left .list ul li,.news-main .left .list ul li a{ display:block; color:#fff; text-align:center;  }
.news-main .left .list ul li a img{ height:287px; width:400px; display:block;}
.news-main .left .list ul li a table{ display:block; width:70%; margin:auto;}
.news-main .left .list ul li a table tr td{ height:92px; line-height:1.6; font-size:14px;}
.news-main .left .hd{ text-align:center;}
.news-main .left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; *zoom:1; width:8px; height:8px; border-radius:100%; background:#b2b2b2; margin:0 3px; box-shadow: inset 0 0 5px rgba(0,0,0,.2);}
.news-main .left .hd ul li.on{ background:#dab866;}
.news-main .left .btn{ cursor:pointer; width:16px; height:27px; z-index:10; position:absolute; bottom:52px;}
.news-main .left .btn.prev{ background:url(../images/nbtn_03.png); left:23px;}
.news-main .left .btn.next{ background:url(../images/nbtn_05.png); right:23px;}
.news-main .right{ width:1000px; }
.news-main .right ul li{ display:block; height:35px; line-height:35px; overflow:hidden;}
.news-main .right ul li a{ display:block; height:35px; position:relative; overflow:hidden; color:#fff; font-size:14px;}
.news-main .right ul li a span.biao{ color:#dab866; margin-right:3px;}
.news-main .right ul li a .rq{ float:right; margin-left:20px; }
.news-main .right ul li a:hover{ color:#dab866;}
.news-main .right .fanye{ padding:30px 0; height:30px; text-align:right;}
.news-main .right .fanye a{ display:inline-block; margin-left:7px; *display:inline; *zoom:1; width:28px; height:28px; line-height:28px; text-align:center; font-family:'simsun',Arial, "Microsoft Yahei"; font-size:14px; border:1px solid #fff; color:#fff;}
.news-main .right .fanye a.null{ cursor:default; opacity:.5; *filter:alpha(opacity=50);}
.news-title{ text-align:center;font-family:"Microsoft Yahei"; margin-bottom:20px;}
.news-title .cn{ line-height:50px; color:#4d524d; font-size:30px; }
.news-title .en{ overflow:hidden; position:relative; height:32px; line-height:32px; font-size:20px; color:#dab866;}
.news-title .bbt{ padding:0 60px; position:relative; height:32px; display:inline-block; *display:inline; *zoom:1;}
.news-title .bbt .ico{ width:15px; height:10px; top:50%; margin-top:-5px; position:absolute;}
.news-title .bbt .ico.leftico{ left:12px; background:url(../images/ziico_03.png);}
.news-title .bbt .ico.rightico{ right:12px; background:url(../images/ziico_05.png);}
.news-title .bbt .line{ width:500px; height:1px; background:#dab866; position:absolute; top:50%;}
.news-title .bbt .line.leftline{ right:100%;}
.news-title .bbt .line.rightline{ left:100%;}
.ziview-main .v-box .newsview{ padding:50px 50px;}
.ziview-main .v-box .newsview .view{ line-height:2; color:#4d524d;}
.ziview-main .v-box .newsview .view p{ line-height:24px; font-size:14px;}
.newsvbottom{ height:76px; position:relative; display:block; border-top:1px solid #eee; margin-top:20px; padding-top:15px;}
.newsvbottom a{ color:#4d524d; height:60px; padding-top:16px; display:block; width:370px; overflow:hidden; line-height:20px;}
.newsvbottom a:hover{ text-decoration:underline;}
.newsvbottom a.prev{ background:url(../images/sxbtn_03.png) top left no-repeat; float:left; padding-left:80px;}
.newsvbottom a.next{ background:url(../images/sxbtn_05.png) top right no-repeat; text-align:right; float:right; padding-right:80px;}
/*新闻 end*/
/*产品*/
.product-list{ width:1150px; margin:90px -75px; overflow:hidden; position:relative; height:393px; z-index:100;}
.product-list .list{ width:1000px; margin:auto; overflow:hidden; height:393px;}
.product-list .list ul li{ display:block; float:left; height:393px; width:319px; margin-right:21px;}
.product-list .list ul li a{ display:block; text-align:center; color:#fff; position:relative; border:1px solid #dab866;height:391px;}
.product-list .list ul li a img{ display:block; width:319px; height:319px;}
.product-list .list ul li a .title{ width:90%; bottom:14px; left:5%; position:absolute; z-index:1; text-overflow:1px 1px 1px rgba(0,0,0,.5); line-height:1.3;}
.product-list .list ul li a .title .big{font-family: "Microsoft Yahei"; font-size:20px; margin-bottom:4px;
	
	}
.product-list .btn{ position:absolute; width:45px; height:45px; top:50%; margin-top:-22px; cursor:pointer;}	
.product-list .btn.prev{ left:0px; background:url(../images/cpbtn_03.jpg);}
.product-list .btn.next{ right:0px; background:url(../images/cpbtn_05.jpg);}
.product-banner{ height:480px; overflow:hidden; position:relative;}
.product-banner .list ul li,.product-banner .list ul li img{ display:block; height:480px; width:1000px;}
.product-banner .hd{ bottom:23px; position:absolute; width:100%; left:0px; text-align:center;}
.product-banner .hd ul li{ display:inline-block; *display:inline; *zoom:1; border-radius:100%; width:10px; height:10px; margin:0 4px; background:#faf2ee; cursor:pointer;}
.product-banner .hd ul li.on{ background:#dab866;}
.ziview-main .v-box .cp-view{ padding:50px; background:url(../images/cpbanner_03.jpg) top no-repeat; color:#4d524d; line-height:2;}
.ziview-main .v-box  .cp-view .title{font-family:'simsun',Arial, "Microsoft Yahei"; font-size:30px; margin-bottom:10px; line-height:1.4;}
/*产品 end*/

/*联系我们*/
.contact-view{ line-height:2; overflow:hidden; color:#fff;  padding:20px 0;}
.contact-view p{ font-size:14px; line-height:24px; text-align:left; }
/*联系我们 end*/

/*加盟*/
.brand-ly{  width:764px; margin:30px auto;}
.brand-ly .input-text{ width:350px; padding:0 10px; border:1px solid #dab866; color:#fff; height:48px; line-height:48px; font-size:14px; background:url(../images/lybg_03.png); background:rgba(255,255,255,.3); margin:0 0 20px;}
.brand-ly .input-text::-webkit-input-placeholder,.brand-ly textarea::-webkit-input-placeholder  { color:#fff;}
.brand-ly .input-text:-ms-input-placeholder { color:#fff;}
.brand-ly .input-text.l{ float:left;}
.brand-ly .input-text.r{ float:right;}
.brand-ly textarea{ display:block; clear:both; background:url(../images/lybg_03.png); background:rgba(255,255,255,.3); margin:0 0 20px;  padding:10px; border:1px solid #dab866; color:#fff; font-size:14px; line-height:20px; width:742px; height:80px; }
.brand-ly button{ width:284px; height:50px; border:0px; color:#fff; font-size:18px; background:#dab866; font-weight:bold;font-family:'simsun',Arial, "Microsoft Yahei"; cursor:pointer; display:block; margin:auto;}
/**/
.b-stores{}
.b-stores .right{ float:right; width:500px;}
.b-stores .left{ width:460px; float:left; padding-top:45px; text-align:center; overflow:hidden;}
.b-stores .left .list{ margin-bottom:40px;}
.b-stores .left .list ul li{ display:block; width:208px; float:left; margin-right:44px; text-align:center;}
.b-stores .left .list ul li img{ display:block; width:206px; height:206px; border-radius:100%; border:1px solid #dab866}
.b-stores .left .hdd{ display:inline-block; *display:inline; *zoom:1; height:24px; position:relative; }
.b-stores .left .hdd ul li{ display:inline-block;  *display:inline; *zoom:1; width:8px; height:8px; border-radius:100%; background:#b2b2b2; box-shadow:inset 0 0 3px rgba(0,0,0,.1); margin:0 3px; cursor:pointer;}
.b-stores .left .hdd ul li.on{ background:#dab866;}
.b-stores .left .hdd .btn{ position:absolute; top:50%; width:16px; height:27px; margin-top:-13px; cursor:pointer;}
.b-stores .left .hdd .btn.prev{ background:url(../images/nbtn_03.png); left:-40px;}
.b-stores .left .hdd .btn.next{ background:url(../images/nbtn_05.png); right:-40px;}
/*加盟 end*/
/*客户服务*/
.search-store{ position:relative; min-height:100px;}
.search-store .s-top{ background:url(../images/hbg_03.png); background:rgba(0,0,0,.7); width:100%; text-align:center; position:absolute; left:0px; top:20px; z-index:100; color:#fff; font-size:14px; line-height:35px; padding:15px 0;}
.search-store .s-top .check-city{ display:inline-block; *display:inline; *zoom:1; height:35px; margin:0 0 0  10px;}
.search-store .s-top .check-city select{ height:35px; border:0px; background:#fff; width:100px; font-size:14px;}
.search-store .s-top .btn{ color:#fff; height:35px; width:80px; border:0px; background:#dab866; cursor:pointer;
position:relative; top:-1px;}

/*客户服务 end*/
/*走进羊楼洞*/
.honorlist{ height:193px; clear:both; padding-top:20px;}
.honorlist img{ width:222px; height:153px; display:block; float:left; margin-right:37px; }
.lc-list { position:relative;  width:1000px; padding:80px 70px 40px; margin-left:-70px;}
.lc-list .btn{ width:45px; height:45px; z-index:10; position:absolute; cursor:pointer; top:180px;}
.lc-list .btn.prev{ left:0px; background:url(../images/lcbtn_03.png)}
.lc-list .btn.next{ right:0px; background:url(../images/lcbtn_05.png)}
.lc-list .list{ height:260px; overflow:hidden; margin-bottom:40px;}
.lc-list .list ul li{ display:block; overflow:hidden; line-height:2; height:260px;}
.lc-list .hdd{ height:60px; padding:0 50px; position:relative;}
.lc-list .hdd .line{ height:1px; width:100%; background:#fff; left:0px; top:13px; position:absolute;}
.lc-list .hdd ul li{ display:block; text-align:center; height:30px; padding-top:30px; position:relative; width:100px; float:left; color:#fff; font-size:16px; cursor:pointer; }
.lc-list .hdd ul li.on{ color:#b79c5c;}
.lc-list .hdd ul li .shu{ height:15px; width:1px; background:#fff; position:absolute; left:50%; top:6px;}
.lc-list .hdd ul li.on .quan{ width:26px; height:26px; border:1px solid #b89a54; display:block; position:absolute; top:0px; left:50%; margin-left:-14px; border-radius:100%;}
.lc-list .hdd ul li.on .shu{ background:#b89a54}
/*走进羊楼洞 end*/
/*内页 end*/
/*footer*/
#footer{ background:#000000; position:fixed; width:100%; left:0px; bottom:0px; color:#4d524d; min-width:1000px;}
#footer .view{ line-height:20px; padding:13px 390px 13px 0; color:#4d524d;}
#footer .f-right{ position:absolute; right:0px; top:13px; height:20px;}
#footer .f-right a{ display:inline-block; *display:inline; *zoom:1; height:20px; position:relative; cursor:pointer;}
#footer a:hover{ text-decoration:underline;}
#footer .f-right span{ margin:0 5px;}
#footer .f-right a img{ display:none; width:280px; max-width:280px; position:absolute; bottom:45px; left:50%; margin-left:-280px;}
#footer .f-right a:hover img{ display:block;}
#footer .f-right a.ico{ width:20px; height:20px; margin-left:5px;}
#footer .f-right a.ico:hover{ opacity:.8;}
#footer .f-right a.ico.qq{ background:url(../images/index_22.png);}
#footer .f-right a.ico.weixin{ background:url(../images/index_24.png);opacity:1 !important;}
#footer .f-right a.ico.email{ background:url(../images/index_26.png);}

/*searchlist*/
.searchlist{ padding:30px 0;}
.searchlist ul li{ display:block; height:36px; line-height:36px; border-bottom:1px dotted rgba(255,255,255,.5);}
.searchlist ul li a{ display:block; overflow:hidden; height:36px; color:#fff;}
.searchlist ul li a span{ float:right; margin-left:30px;}