@charset "utf-8";
/* CSS Document */
html{color:#999; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;font:12px/18px "Microsoft YaHei", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; color:#000}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video, object{display:inline-block;*display:inline;*zoom:1;}
body,button,input,select,textarea{font:12px/18px "Microsoft YaHei", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; color:#000}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
q:before,q:after{content:'';}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
a:hover{text-decoration:underline;color:#999;}
ins,a, a:visited{text-decoration:none; }
/*clearfix*/
.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;/* IE < 8 */}
.w1280{ width:854px; margin:0 auto; overflow:hidden}
.font30{ font-size:20px; line-height:33px;}
.font24{ font-size:16px; line-height:26px;}
.font18{ font-size:12px; line-height:24px;}
.fontColor1{ color:#898989}
.fontColor2{ color:#595757}
.block{ padding:45px 0;}
.fn-left{ float:left}
.fn-right{ float:right}
.container-fluid{ padding:0}

/*首页*/
.navbar{ text-align:center; min-height:auto; margin:0; border:0; }
.navbar ul li{ display:inline-block; text-align:center;  position:relative; margin:0 5px }
.navbar ul li a{ display:block; font-size:12px; color:#999999; line-height:20px; text-decoration:none; padding:5px 50px;border-bottom:solid 3px #fff;}
.navbar ul li a:hover ul li a{ color:#fff}
.navbar ul li ul{ display:block; padding-top:5px; position:absolute; top:32px; left:0; width:100%; background:#333333; padding:0; display:none; z-index:100}
.navbar ul li ul li{ height:auto; display:block; margin:0;}
.navbar ul li ul li a{ padding:2px 0; border:0; display:block; color:#fff; font-size:12px;}
.navbar ul li ul li a:hover{ background:#9c8156; color:#fff}
.navbar ul li:hover a,.navbar ul li.active a{ border-color:#000; color:#000000}
.navbar ul li:hover ul li a{color:#fff}
.navbar ul li:hover ul{ display:block}
.mb_bar{display:none}
.navbar-fixed-top{ position:static}
.logo{ margin:0 auto; display:block; text-align:center; padding:20px 0}
.logo img{ display:inline-block}
.blockItem{ padding:40px 0;}
.blockItem .blockItem-tit{ text-align:center; margin-bottom:40px;}
.blockItem .blockItem-tit strong{ display:block; background:url(../images/tit-bg.png) no-repeat bottom center; background-size:auto 22px; padding-bottom:46px;font-size:32px; line-height:48px; color:#9c8156; font-family:"方正宋三简体"; font-weight:normal}
.blockItem .blockItem-tit span{ display:inline-block; background:url(../images/icon-tit.png) no-repeat left center; padding-left:75px; background-size:46px auto; font-size:32px; line-height:48px; color:#9c8156; font-family:"方正宋三简体"}
.blockItem .blockItem-tit span em{display:inline-block; background:url(../images/icon-tit.png) no-repeat right center; padding-right:75px; background-size:46px auto; }
.blockItem .row{ margin:0 -10px}
.blockItem .col-md-4{ padding-left:10px; padding-right:10px}
.blockItem .col-md-6{ padding-left:15px; padding-right:0px}
.blockItem .text{ padding:20px; text-align:center}
.blockItem .text h6{ font-size:16px; font-family:"方正宋三简体"; color:#898989; line-height:24px; table-layout:c}
.blockItem .text p{ font-size:12px; color:#595757; line-height:26px;}
.hr{ margin:25px auto; text-align:center}
.hr img{ display:inline-block}
.fontBox{ padding:20px;}
.bg1{ background:url(../images/bg01.jpg) no-repeat center; background-size:100% 100%}
.bg2{ background:url(../images/bg02.jpg) no-repeat center; background-size:100% 100%}
.bg3{ background:url(../images/footbg.jpg) no-repeat center; background-size:cover;	}
.col-md-text{ padding-left:65px;}
.col-md-text .col-md-text-hd{ background:#cdb586; padding:27px 20px 20px;}
.col-md-text-bd{ background:rgba(255,255,255,0.4); padding:10px 10px 10px 0;}
.col-md-text-bd ul li{ background:url(../images/icon-list.png) no-repeat left 5px; background-size:12px auto; padding-left:24px; font-size:12px; color:#fff; margin-bottom:10px; line-height:21px;}
.col-md-text-bd ul li strong{ display:inline-block; margin-right:10px; font-size:14px;}
.page3 .img{ width:188px; height:188px;   border-radius:50%; margin:0 auto 25px;}
.page3 .img img{ width:100%; height:100%; border-radius:50%;}
.page3 .info{ padding:10px; text-align:center}
.page3 .info h4{ font-size:14px; color:#727171}
.page3 .info p{ font-size:12px; line-height:21px; color:#666666;}
.imgs{ box-shadow:3px 0 12px rgba(0,0,0,1); width:189px; height:276px; overflow:hidden}
.imgs img{ width:100%; height:100%;}
.texts{ text-align:center; padding:30px 20px 0;}
.texts h6{ font-size:12px; color:#727171; margin-bottom:25px;}
.texts p a{ display:block; width:110px; height:28px; line-height:28px; border:solid 1px #362c27; color:#362c27; font-size:14px; text-align:center; margin:0 auto}
.texts p a:hover{ color:#a88465; text-decoration:none} 
.fonts{ padding:60px 0; text-align:center;}
.fonts h2{ font-size:32px; color:#fff; font-weight:bold; line-height:45px;}
.fonts p{ font-size:20px; line-height:45px; color:#fff}

.bg2 .blockItem{ padding-top:100px;}

/*banner*/
.banner img{ width:100%}

/*正文*/
.Article{ font-size:12px; line-height:21px; color:#666666}
.Article p{font-size:12px; line-height:21px; color:#666666}
.Article h2{ font-size:16px; color:#333333; line-height:32px;}
.Article .img-responsive{ display:inline-block}
.Article img{ display:inline-block;max-width:100%;}
.Article table.table thead{ background:#c1b595}
.Article table.table thead tr td{ padding:5px 0; text-align:center; color:#fff; font-size:24px;}
.Article table.table tbody tr td.td1{ width:30%}
.Article table.table tbody tr td{ padding:12px 5px; font-size:12px; color:#666666}
.Article table.table tbody tr td strong{ display:block; font-size:14px; color:#333333}

/*新闻列表*/
.newsList li{ padding:30px 0; border-bottom:dashed 1px #9f9f9f; overflow:hidden}
.newsList li .newsImg{ width:128px; height:128px; float:left}
.newsList li .newsImg img{ width:100%; height:100%}
.newsList li .newsInfo{ padding-left:160px}
.newsList li .newsInfo .newsTit{ position:relative; padding-right:100px;}
.newsList li .newsInfo .newsTit h2{ font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:24px; margin-bottom:15px;}
.newsList li .newsInfo .newsTit .newsDate{ display:block; width:80px; text-align:right; position:absolute; top:0; right:0; color:#999999; font-size:12px; line-height:24px;}
.newsList li .newsInfo p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:12px; color:#999999; line-height:24px; height:45px;}
.newsList li .newsInfo .more{ margin-top:23px}
.newsList li .newsInfo .more a{ display:block; background:url(../images/icon-more.png) no-repeat center; width:81px; height:20px; background-size:100% auto}
.page{ margin:45px 10px; text-align:center; font-size:14px; color:#999999}
.page a{ display:inline-block; padding:0 15px;color:#999999}

/*家族系列*/
.productHd .col-md-7{ float:right}
.productHd h2{font-size:24px; color:#999999; line-height:36px; }
.productHd dl{ margin-top:31px;}
.productHd dl dt{ font-size:12px; color:#999999; margin-bottom:20px;}
.productHd dl dd span{ display:inline-block; width:100px; height:30px; line-height:26px; text-align:center; border:solid 2px #cccccc; color:#cccccc; margin-right:25px; font-size:14px; cursor:pointer; margin-bottom:15px}
.productHd dl dd span.selected{ border-color:#000; color:#000}
.productBd dl{ margin-top:30px;}
.productBd dl dt{ border-bottom:solid 2px #dcdcdc; padding:20px 0; font-size:24px; line-height:24px; color:#999999}
.productBd dl dd{ padding:25px 0;}
.productBd dl dd .col-item{ font-size:12px; color:#999999; position:relative; padding-left:90px; margin-bottom:5px; line-height:36px;}
.productBd dl dd .col-item span{ display:block; width:80px; font-size:13px; color:#000000; position:absolute; top:0; left:0}
.productBd dl.p-size dd{ margin:0}
.productBd dl.p-size .col-item{ padding-left:130px;}
.productBd dl.p-size .col-item span{ width:110px}
.p-price{width:325px; height:45px; line-height:45px; text-align:center; font-size:24px; color:#999999; margin-top:35px; border:solid 2px #cccccc; margin-bottom:40px;}
.p-price strong{color:#231815; font-weight:normal}
/*footer*/
.footer{ background:#000000; text-align:center}
.footer .blockItem{ padding-top:26px;}
.footer .footer-logo{ margin:0 auto 15px; width:171px;}
.footer .footer-menu{font-size:12px; color:#999999;}
.footer .footer-menu a{font-size:12px; color:#999999; display:inline-block; margin:0 20px 15px;}
.footer p{color:#999; font-size:12px;}

/**/
.store_map{ width:716px; height:auto; margin:0 auto;position:relative;}
.store_infor{ width:574px; padding:30px 72px 100px 72px;border: 1px solid #ad9d7e;margin-right: 40px; margin-top: 39px;}
#map a{ color:#5b5a5a; font-size:12px; text-decoration:none;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}
.store_infor h2{ height:26px; line-height:26px; background:#eee9dd; color:#ab7b2e; text-indent:20px;}
.store_infor dl{ margin-top:40px;}
.store_infor dt{ width:300px; height:180px; position:relative; overflow:hidden;}
.store_infor dt img{width:300px; height:180px;}
.store_infor dd{ width:250px; line-height:30px;}
.store_infor dd strong{ font-weight:700;}
.yu-newsbox .newslist:nth-child(n+7){
    display: none;
}
.yu-anpager{
    display: block !important;
}
.yu-add-box{
    
    padding-top: 24px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 43px;
}
.yu-title{
       background: #c1b595;  
	     padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 24px;
}
.yu-list{
    display: none;
}
.yu-list:first-child{
    display: block;
}
.yu-list ul li{
  padding:12px 5px; border-top: 1px solid #ddd;
}
.yu-list ul li>div{ position:relative; padding-left:30%}
.yu-list ul li h1{ width:30%; position:absolute; top:0px; left:5px;
font-size:14px;
color:#333333; font-weight:bold
}
.yu-p-1{
    padding-left: 23px;
    position: relative;
	color:##666666
}
.yu-p-1:after{
    position: absolute;
    content: "";
    width: 15px;
    height: 19px;
    background-image: url(../images/icon.png);
    background-size: 100% 100%;
    left:0;
    top:2px;
}
.yu-p-2{
    padding-left: 23px;
    position: relative;
	color:#666666; margin-top:5px;
}
.yu-p-2:after{
    position: absolute;
    content: "";
    width: 18px;
    height: 17px;

    background-size: 100% 100%;
    left:0;
    top:2px;
}
.yu-p-3{
    padding-left: 23px;
    position: relative;
}
.yu-p-3:after{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;

    background-size: 100% 100%;
    left:0;
    top:2px;
}


@media (max-width:768px){
.container-fluid{ padding-top:80px;}
.w1280{ width:100%; margin:0 auto; overflow:hidden}
.font30{ font-size:16px; line-height:30px;}
.font24{ font-size:14px; line-height:18px;}
.font18{ font-size:12px; line-height:16px;}
.navbar-fixed-top{ position:fixed}
.navbar ul li{ height:auto; float:none; display:block; border-bottom:0; text-align:left; margin:0; text-align:center}
.navbar ul li a{ font-size:14px; padding:10px; line-height:18px; border:0}
.navbar ul li.active,.navbar ul li.open{ background:#000000}
.navbar ul li:hover a{color:#999}
.navbar ul li.active a,.navbar ul li.open a{color:#fff}
.navbar ul li.active ul li a{ color:#999}
.mb_bar{ background:#fff; display:block;  height:80px}
.mb_bar .navbar-toggle{ border:solid 1px #9c8156; border-radius:50%; height:40px; width:40px; text-align:center; margin:20px  }
.mb_bar .navbar-toggle .icon-bar{ width:80%; margin:2px auto 5px; height:2px}
.mb_bar .navbar-toggle .icon-bar:nth-of-type(2){ width:100%}
.navbar { height:100%; overflow:auto}
.navbar-toggle.collapsed>.icon-bar{    background: #9c8156!important;}
.mb_notFixed{ top:80px; display:none; background:#fff}
.navbar ul li ul{ position:static; width:100%; padding:10px 0; background:#F9F9F9}
.navbar ul li ul li{ margin:5px 0;}
.navbar ul li ul li a:hover{ color:#999999; background:none}
.navbar ul li.active ul{ display:block}
.popup .popup_main{width:80%}
.navbar ul li.active a{ background:none}
.logo{ width:100px; position:fixed; top:10px; left:18px; z-index:10000; padding:0}
.navbar ul li:hover ul li a{color:#999999}
.blockItem{ padding:20px;}
.blockItem .blockItem-tit { margin-bottom:15px;}
.blockItem .blockItem-tit span{ display:inline-block; background:url(../images/icon-tit.png) no-repeat left center; padding-left:35px; background-size:24px auto; font-size:20px; line-height:24px; color:#9c8156; font-family:"方正宋三简体"}
.blockItem .blockItem-tit span em{display:inline-block; background:url(../images/icon-tit.png) no-repeat right center; padding-right:35px; background-size:24px auto; }
.blockItem .blockItem-tit strong{ background:url(../images/tit-bg.png) no-repeat bottom center; background-size:auto 16px; padding-bottom:23px;font-size:20px; line-height:36px;}
.blockItem .text{ padding:15px 12px}
.blockItem .text h6{ font-size:16px; line-height:24px;}
.blockItem .text p{ font-size:12px; line-height:24px;}
.hr{ margin:15px auto; text-align:center}
.fontBox{ padding:10px;}
.col-md-text{ padding-left:0px;}
.col-md-text .col-md-text-hd{ background:#cdb586; padding:12px; margin-top:20px;}
.col-md-text-bd ul li{ background:url(../images/icon-list.png) no-repeat left 2px; background-size:12px auto; padding-left:24px; font-size:14px; color:#fff; margin-bottom:10px; line-height:18px;}
.col-md-text-bd ul li strong{ display:inline-block; margin-right:10px; font-size:16px;}
.col-xs-12,.blockItem .col-md-6{ padding:0}

.page3 .img{ width:120px; height:120px; margin:0 auto 15px;}
.page3 .info{ padding:12px;}
.page3 .info h4{ font-size:15px;}
.page3 .info p{ font-size:12px; line-height:16px; margin-top:15px;}

.imgs{width:120px; height:175px; margin:0 auto}
.texts{ text-align:center; padding:14px 14px;}
.texts h6{ font-size:14px; color:#727171; margin-bottom:15px;}
.texts p a{  width:120px; height:30px; line-height:30px;font-size:15px; margin-bottom:10px; }

.fonts{ padding:20px 0; text-align:center;}
.fonts h2{ font-size:24px; color:#fff; font-weight:bold; line-height:36px;}
.fonts p{ font-size:15px; line-height:36px; color:#fff}


.bg2 .blockItem{ padding-top:20px;}

/*正文*/
.Article{ font-size:14px; line-height:24px; color:#666666}
.Article p{font-size:14px; line-height:22px; color:#666666; text-align:justify}
.Article h2{ font-size:16px; color:#333333; line-height:24px; font-weight:bold}
.Article img{ display:inline-block;width:100%;}
.Article .img-responsive{ display:inline-block; width:100%}
.Article table.table thead tr td{ padding:5px 0; text-align:center; color:#fff; font-size:18px;}
.Article table.table tbody tr td.td1{ width:40%}
.Article table.table tbody tr td{ padding:14px 5px; font-size:14px; color:#666666}
.Article table.table tbody tr td strong{ display:block; font-size:16px; color:#333333}

/*新闻列表*/
.newsList li{ padding:12px 0}
.newsList li .newsImg{ width:80px; height:80px; float:left}
.newsList li .newsInfo{ padding-left:90px}
.newsList li .newsInfo .newsTit{padding-right:80px;}
.newsList li .newsInfo .newsTit h2{ font-size:14px; line-height:18px; margin-bottom:6px;}
.newsList li .newsInfo .newsTit .newsDate{ width:60px; font-size:12px; line-height:18px;}
.newsList li .newsInfo p{font-size:12px;line-height:16px; height:30px;}
.newsList li .newsInfo .more{ margin-top:10px}
.newsList li .newsInfo .more a{width:61px; height:20px; }
.page{ margin:25px 10px;}

/*家族系列*/
.productHd h2{font-size:18px;}
.productHd dl{ margin-top:12px;}
.productHd dl dt{ font-size:14px; color:#999999; margin-bottom:12px;}
.productHd dl dd span{  width:auto; height:24px; line-height:24px; text-align:center; border:solid 1px #cccccc; color:#cccccc; margin-right:10px; font-size:14px; cursor:pointer; margin-bottom:5px; padding:0 10px}
.productHd img.img-responsive{ width:80%; margin:10px auto}

.productBd dl{ margin-top:20px;}
.productBd dl dt{ border-bottom:solid 2px #dcdcdc; padding:10px 0; font-size:18px;}
.productBd dl dd{ padding:15px 0;}
.productBd dl dd .col-item{ font-size:12px; color:#999999; position:relative; padding-left:70px; margin-bottom:8px; line-height:18px;}
.productBd dl dd .col-item span{ display:block; width:60px; font-size:14px; color:#000000; position:absolute; top:0; left:0}
.productBd dl.p-size .col-item{ padding-left:100px;}
.productBd dl.p-size .col-item span{ width:90px}

.p-price{width:80%; height:35px; line-height:35px; text-align:center; font-size:18px; border:solid 1px #cccccc; margin:0 auto;margin-top:15px; margin-bottom:15px}
.p-price strong{color:#231815; font-weight:normal}

/*footer*/
.footer .blockItem{ padding-top:25px;}
.footer .footer-logo{ margin:0 auto 10px; width:100px;}
.footer .footer-menu{font-size:14px; color:#999999; margin-bottom:10px}
.footer .footer-menu a{font-size:14px; color:#999999; display:inline-block; margin:0 8px 3px; line-height:18px}
.footer p{color:#999; font-size:12px;}

.store_map{ transform:scale(.48) ; height:50%;transform-origin:0 0 }
.yu-title{ padding:5px; font-size:15px;}
.yu-add-box{ margin-top:-88%}
.yu-list ul li>div{ position:static; padding:0;}
.yu-p-1,.yu-p-2{ padding-left:0;}
}