/*
背景色: #524538--背景褐灰色   背景颜色#64584c   灰色背景#f7f7f7
导航色：#ffb94b--黄色   
版权:小鬼当佳
版本:v1.0
*/

body, div, p, h1, h2, h3, h4, h5, ul, ol, dl { margin:0; padding:0; font-size:12px;}
i{ display:block; width:100%;}
div {overflow:hidden;}
ul li { list-style:none;}
img {border:none;}
a { text-decoration:none; color:#333;}
.onbody { background:#524538;}

/*public class*/
.w { width:1100px; margin:0 auto;}
.w100 { width:100%;}
.w500 { width:500px; margin:0 auto;}

.clear { clear:both;}

.line-b { border-bottom:4px solid #ffb94b;}
.line-white { border-bottom:2px solid white;}
.line-kase{ border-bottom:2px solid #524538;}
.tit-line-bg { background:url(/pic/tit-bg.png) no-repeat 0 20px;}
.tit-line-bg-b { background:url(/pic/tit-bg-white.png) no-repeat 0 20px;}

.fl { float:left;}
.fr { float:right;}

.div10 {height:10px;}
.div20 {height:20px;}
.clearboth { clear:both; }
.fontbold { font-weight:bold;}

.borderyellow { border:1px solid #ffb94b;}

/*nav*/
.nav { overflow:hidden;}
.nav ul {  margin:0 auto; overflow:hidden;}
.nav ul li { float:left;  overflow:hidden; list-style:none; line-height:70px; width:120px;}
.nav ul li a { color:#ffb94b; margin:20px 0px; display:block; text-align:center; font-size:18px; text-decoration:none;}
.nav ul li a:hover { font-size:23px; color:#ffd800;}

.nav .logo { width:200px; float:left;}
.nav .logo a {line-height:70px; overflow:hidden; display:block; margin:20px 0;}
.logo  img{ margin-top:5px;}




/*banner*/
.banner { max-width:1920px; min-width:1024px; margin:0; padding:0;}
.banner img { width:100%;}


/*tit*/
.tit { text-align:center; color:white; margin-top:30px; margin-bottom:30px;}
.tit span,.videoindex span { display:block; padding:10px 0;}
.tit-h1 { font-size:22px; font-family:"Microsoft YaHei";}

/*小鬼当家*/
.kidsmile {}

.album-list:hover li{ background:#000;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:20;}
.album-list:hover img{ opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:30;}
.album-list li:hover img{ opacity:1;filter:alpha(opacity=100);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:40;}





#kidsmile-zp ul li { float:left; list-style:none; margin-bottom:10px;}
#kidsmile-zp ul li img {}

.fl-10 { margin-left:10px;}

/*works*/
#works ul li { float:left; margin-bottom:10px;}
/* The banner divs */
.works { width: auto; position: relative; overflow: hidden; float: left; display: inline; margin:0 10px 0 0;}
/* The banner divs */
.works img { display: block; border: none;}
/* The dark animated divs */
.works div { position: absolute; z-index: 100;background-color: #222; width: 60px; height: 60px; cursor: pointer;
/*	Setting a really big value for border-radius
will make the divs perfect circles */
-moz-border-radius:100px;-webkit-border-radius:100px; border-radius:100px;}

/*	Positioning the animated divs outside the
corners of the visible banner area: */
.works .cornerTL { left:-63px; top:-63px; }
.works .cornerTR { right:-63px; top:-63px; }
.works .cornerBL { left:-63px; bottom:-63px; }
.works .cornerBR { right:-63px; bottom:-63px; }

/* The "Visit Company" text */
.works p { width:100px; height:50px; margin-left:-50px; margin-top:-25px; left:50%; top: 50%; z-index: 200; position: absolute; color: #FFF; text-align: center; cursor: pointer; display: none;	/* hidden by default */}
.companyInfo { border:1px solid #FFF; border-radius:3px;}
.companyInfo span { display:block; line-height:25px;}
.companyInfo:first-child { font-size:18px;}

#works ul li:nth-last-child(2) {
}
#works ul li:last-child { float:right;}
.more {  width:150px; padding:10px; margin:0 auto; display:block;border:1px solid #817a72; border-radius:3px;background:#5a4c41; text-align:center; margin-top:20px; margin-bottom:20px;}
.more a { text-decoration:none; color:white; font-size:14px; }
.more a:hover { color:#ffb94b;}


/*video*/
.video { position:relative;}
.video div:first-child {margin-right:10px;}
.video div { overflow:hidden; width:540px;}
.video div span { position:relative; top:-180px; left:250px;}
.videobg { height:330px; position:relative; top:-180px; width:100%; background:#64584c; z-index:-9;}
.videot { position:relative; top:-340px;}
.videoindex {position:relative; top:-300px;}
.h500 { height:500px; overflow:hidden;}


/*销售*/
.xstit { border-left:2px solid #ffb94b; padding-left:10px; font-size:16px;color:white; }
.xstit span { color:#817a72; font-size:14px; margin-left:5px;}
.seallist { border-top:1px solid #817a72; padding-top:30px;}
.seallist dl { border:4px solid white; float:left; position:relative; margin:10px 10px 10px 12px;}
.seallist dl:hover { border:4px solid #ffb94b;}
.seallist dl dt {  background:white; padding:5px;}
.seallist dl dt a { display:block; overflow:hidden;}
.seallist dl dt img { width:325px; }
.seallist dl dd { font-size:16px; color:#817a72; text-align:center; display:block; height:20px; padding:10px 10px 20px; background:white; margin:0;}


/*tab*/
.tab { overflow:hidden;}
.tab-nav {overflow: hidden; position:relative;}
.tab-nav a { display:block; width:273px; text-align:center;line-height:55px; float:left; border-right:1px solid #64584c; font-size:16px; text-decoration: none;color:#fed26a;}
.tab-nav a.current { color:#ffb94b;}
.tab-con {position: relative;overflow: hidden; margin-top:20px;}
.tab-con-item {display: none;}
.tab-con-item dl { width:250px; float:left; margin-left:12px; padding:8px; background:white; position:relative;}
.tab-con-item dl:first-child { margin-left:0;}
.tab-con-item dl dd { margin:0;}
#tab4 .tab-con-item dl dt a { display:block; overflow:hidden; text-align:center;}

.iconxinsheng { background:url(/pic/xinsheng.png) 60px 10px no-repeat;}
.iconnews { background:url(/pic/news.png) 60px 10px no-repeat;}
.iconketang { background:url(/pic/ketang.png) 60px 10px no-repeat;}
.iconzixun { background:url(/pic/zixun.png) 60px 10px no-repeat;}

.ddtit { background-color:#64584c; width:100%;filter:alpha(opacity=50);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;   text-align:center; color:white; font-size:16px; margin-top:-35px!important; line-height:35px; position:relative;}
.ddtit a { text-align:center;}
.dditem { background:#64584c; border-bottom-left-radius:3px; border-bottom-right-radius:3px; color:white;padding:10px 15px; display:block; margin-top:10px!important;}



/*news*/
.news {}
.news .newstit {border-left:3px solid #ffb94b; height:50px; width:795px; float:left;margin-top:20px; margin-bottom:20px;}
.news .newstit span { display:block; color:white; line-height:22px; font-size:16px; padding-left:15px;}

.news .newsnav { width:300px; height:35px; margin-top:55px;}
.news .newsnav a{ border-top-left-radius:2px; border-top-right-radius:2px; display:block; padding:0px 10px; width:100px; float:right; line-height:35px; text-align:center; border:0; background:white; margin-right:15px; color:#333; font-size:14px;}
.news .newsnav .current { background:#ffb94b; color:#333;}
.news .tab-con { margin-top:50px; border-top:4px solid #ffb94b; padding:20px; background:white; overflow:hidden; }
.news .tab-con .tab-con-item h3 { color:#333; font-weight:normal; margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px dotted #e4e4e4;}
.news .tab-con .tab-con-item ul li { border-bottom:1px dotted #e4e4e4; overflow:hidden;padding:15px;}
.news .tab-con .tab-con-item ul li:hover { background:#ffb94b;}
.news .tab-con .tab-con-item ul li a { display:block; width:300px; overflow:hidden; float:left;}
.news .tab-con .tab-con-item ul li a img { width:300px; height:240px;}
.news .tab-con .tab-con-item ul li p { display:block; float:left; overflow:hidden; width:500px; padding:5px 15px; position:relative;}
.news .tab-con .tab-con-item ul li p a { width:100%; font-size:16px; padding:10px 0; color:#333;}
.news .tab-con .tab-con-item ul li p .more { background:none; border:none; width:120px; float:left; color:#ffb94b; font-weight:bold; text-align:left; position:relative; bottom:0;}
.news .tab-con .tab-con-item ul li:hover p .more {color:white;}
.news .tab-con .tab-con-item ul li p span { line-height:25px; display:block; color:#666; } 
.news .tab-con .tab-con-item ul li .yuan { width:85px; height:100px; display:block; background:#ffb94b; border-radius:150px; text-align:center; line-height:50px; font-size:30px; color:white; margin-top:60px;}
.news .tab-con .tab-con-item ul li .yuan span { margin:15px; color:white;}
.news .tab-con .tab-con-item ul li:hover .yuan { background:white;}
.news .tab-con .tab-con-item ul li:hover .yuan span { color:#817a72;}


/*store*/
.store { overflow:hidden; height:100%; }
.store .drop_store { margin:10px 0;}
.storelist { border-top:3px solid #ffb94b;}
.storelist ul { overflow:hidden;}
.storelist ul li { background: white; overflow: hidden; margin-bottom: 10px; padding: 10px 10px 10px 50px; box-shadow:#e4e4e4 0 2px 5px;  }
.storelist ul li a { display:block; float:left; overflow:hidden; padding:5px; background:#e4e4e4;}
.storelist ul li a img { width:280px;}
.storelist ul li p { display:block; float:left; padding:20px 30px;}
.storelist ul li p a { padding:5px 20px; border:1px solid #ffb94b; background:#fff5e7; display:block; overflow:hidden; margin-bottom:10px;}
.storelist ul li p span { display:block; overflow:hidden; width:100%; line-height:30px; padding:10px 0 0 0;}
.storelist ul li .xiangqing { margin-top:100px; margin-left:200px;}


.storeshow { overflow:hidden; border-top:2px solid #ffb94b;}
.storeshowfl { float:left; width:700px; position:absolute;}
.storeshowfl a { display:block; overflow:hidden;}
.storeshowfl a img { width:700px;}
.storeshowfr { float:right; width:360px; padding:0 20px; margin-top:20px;}
.storeshowfr h1 { color:#ffb94b; font-size:16px;}
.storeshowfr p { margin:10px 0; line-height:25px; display:block; overflow:hidden; color:#999;}
.storeshowfr p span {overflow:hidden; display:block;}
.storeshowfr p span:first-child {font-weight:bold; width:60px; float:left; color:#ffb94b; }
.storeshowfr p span:end { overflow:hidden;}

.store_pic { width:320px; float:left; padding:20px; text-align:center;}
.store_pic a { display:block; overflow:hidden;}
.store_pic a img { width:300px; height:190px; border:3px solid #EEE;}
.store_pic a:hover img {border:3px solid #ffb94b; }

.store-lists { background:white; margin-bottom:15px; position:relative; box-shadow:#e4e4e4 2px 2px 2px 1px; }
.store_about .store_about_tit {line-height:20px;}
.store_about_tit a { display:block;  padding:5px 10px; width:100px; text-align:center; background:#ffb94b; font-size:15px;}
.store_about { width:500px; float:left; padding:20px 0;}
.store_about span { margin:10px 0; display:block; overflow:hidden; line-height:30px;}
.store_about span:first-child { margin:25px 0;}
.icon-address,.icon-tel{display:block; float:left; margin-right:10px; display:block; height:28px; width:28px; }
.icon-address { background:url(/pic/weizhi.png) no-repeat;}
.icon-tel {background:url(/pic/telphone.png) no-repeat;}
.icon-more {background:url(/pic/more.png) no-repeat;display:block; float:left; margin-right:10px; display:block; height:20px; width:20px; }


.store_more { width:200px; float:left; position:absolute; bottom:50px; right:0;}


.drop_store span { display:block; width:80px; height:30px; line-height:30px; float:left;}

.arealist{height:30px; width:110px;}
.arealist p{display:block;padding-left:10px;line-height:26px;border:1px solid #fdd26a; cursor:pointer; color:#fdd26a;}
.set{background:url(/pic/btn_2.png) 85px 8px no-repeat;}
.select{background:url(/pic/btn_1.png) 85px 10px no-repeat;}
.new{width:108px;position:absolute;border:1px solid #CCC;display:none; background:#fdd26a; z-index:9;}
.arealist ul li{line-height:30px;padding-left:10px;}
.arealist ul li a { display:block;}
.arealist ul li:hover{background:white;color:#fdd26a;}





/* 焦点图 */
.focus{border:1px solid #EEE;position:relative;margin-top:6px;float:left}
.f426x240{width:1100px; overflow:hidden}
    .f426x240 a {
     width:1100px; margin:0 auto;}
.f426x240 img{}

.rslides{width:100%;position:relative;list-style:none;padding:0}
    .rslides li a {
    display:block; overflow:hidden;}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(/images/i.png) no-repeat 0 -560px;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px -560px;right:0}


/*main-content*/
.main-content h1 { font-size:24px; text-align:center; font-weight:normal;padding:10px 0;}
.main-content h2 {text-align:center; color:#817a72;  font-weight:100;}
.content p { text-indent:2em; line-height:30px; color:#817a72; font-size:14px;}


/*下拉菜单*/
.single-select{ position:relative; display:inline-block; margin-right:5px; vertical-align:middle; cursor:pointer; *float:left; }
	.single-select .boxwrap{ display:inline-block; vertical-align:middle; }
	.single-select .select-tit{ position:relative; display:block; padding:5px 38px 5px 10px; min-width:40px; line-height:20px; height:20px; border:solid 1px #eee; text-decoration:none; background:#fff; white-space:nowrap; word-break:break-all; }
	.single-select .select-tit span{ display:inline-block; color:#333; font-size:12px; vertical-align:middle; }
	.single-select .select-tit i{ position:absolute; right:0; top:0; display:block; width:28px; height:100%; border-left:1px solid #eee; background:url(skin_icons.png) 7px -189px no-repeat #fafafa; }
	.single-select .select-items{ display:none; position:absolute; left:0; top:45px; /*overflow:hidden;*/ }
	.single-select .select-items ul{ position:relative; padding:5px; min-width:120px; max-height:280px; border:1px solid #eee; background:#fff; overflow-y:auto; overflow-x:hidden; }
	.single-select .select-items ul li{ display:block; padding:4px 10px; line-height:20px; font-size:12px; color:#666; white-space:nowrap; cursor:pointer; }
	.single-select .select-items ul li:hover{ color:#fff; text-decoration:none; background:#16a0d3; }
	.single-select .select-items ul li.selected{ color:#fff; background:#16a0d3; }
	.single-select .arrow{ display:none; position:absolute; left:15px; top:35px; width:21px; height:11px; text-indent:-9999px; background:url(skin_icons.png) 0 -290px no-repeat; }
    .single-select.up .select-items{ top:auto; bottom:45px; }
    .single-select.up .arrow{ top:-13px; background:url(skin_icons.png) 0 -300px no-repeat; }

.page-footer{ padding:10px 0; height:32px; font-size:12px; }
.page-footer .btn-wrap{ position:fixed; margin:0; padding:10px 0; top:auto; left:15px; right:15px; bottom:0; background:#fff; z-index:3; }
.page-footer .btn-wrap:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }


/*footer*/
.footer { background:white; padding:30px 0;}
.links { padding-bottom:20px; border-bottom:1px solid #e4e4e4; overflow:hidden;}

.links dl { display:block; width:150px; float:left; text-align:left;}
.links dl dt { font-size:16px; color:#333; margin-bottom:5px;}
.links dl dd { margin:0; padding:0; line-height:20px; }
.links dl dd a { text-decoration:none; color:#666;}
.links dl dd a:hover {color:#ffb94b; }

.copyright { margin-top:20px; margin-bottom:20px;}
.copyright p{ text-align:center; color:#666;}


/*video*/
.video ul li {position:relative;}
.video ul li:first-child { margin-right:15px;}
.video ul li a { display:block; overflow:hidden;}
.video-box { z-index:2; position:relative;}
.video-content {background:#524538; padding-bottom:30px; padding-top:130px; position:relative; top:-90px;}
.video-content .entry { color:white; line-height:25px; width:250px;}
.img-box {position:relative;}
.img-box a img { width:200px;}

.rel-list ul { margin:0; padding:0; float:right;}
.rel-list ul li { float:left; overflow:hidden; margin:10px;}

/*图片列表*/
.img-list{ margin:0 0 0 -15px; *display:inline-block; }
.img-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.img-list li{ position:relative; _display:inline; float:left; width:540px; height:300px; overflow:hidden; background:#fff; }
/*遮罩样式*/	
.ilist a{ position:absolute; display:block; top:0; right:0; bottom:0; left:0;  cursor:pointer; _position:relative; overflow:hidden; }
.ilist a:hover em,.rel-list ul li:hover em{ position:absolute; top:50%; left:50%; display:block; margin:-30px auto auto -30px; height:60px; width:60px; background:url(../images/slider.png) no-repeat 0 0; }
.ilist a img{ width:100%; min-width:100%; min-height:100%; _height:100%; }






.btn-bf58 { width:58px; height:58px; display:block; position:absolute;}

.video-content .meta{ overflow:hidden; margin:10px 0 20px 0;}
.meta h1 { font-size:16px; color:white;}
.left400 { float:left; width:400px; overflow:hidden;}
.right700 { float:right; width:700px; overflow:hidden;}



/*photo-list*/
.photocategorylist{ width:1100px; height:100%; overflow:hidden;  }
.photocategorylist ul { display:block;  z-index:999; height:100%; float:left;}
/*.photocategorylist ul li{float:left;position:relative; height:100px; line-height:100px;width:100px;background:url(/pic/shuxian.jpg) no-repeat 0 25px;  }
.photocategorylist ul li{float:left;position:relative; height:100px; line-height:100px;width:120px; background:url(/pic/shuxian.jpg) no-repeat 0 25px;}*/
.photocategorylist ul li{float:left;position:relative; height:80px; line-height:80px;width:80px; margin-left:28px; margin-top:10px; }
.photocategorylist ul li:first-child { background:none;}
/*.photocategorylist ul li a{ color:#7d7d7d; display:block; width:80px; float:left;  padding:0px 15px; margin:0 auto; font-size:16px;}*/
.photocategorylist ul li a{ color:#524538; display:block; width:80px; float:left;   margin:0 auto; font-size:15px; background:white; border-radius:100px;}


/*.photocategorylist ul li a:hover,.photocategorylist ul li .current{ color:#524538; background:url(/pic/hengxian.jpg) no-repeat 10px 70px; }*/
.photocategorylist ul li a:hover,.photocategorylist ul li .current{ color:black; background:#ffb94b; }
.photocategorylist ul li .second{position:absolute; left:0;display:none;}
.photocategorylist ul li .second a { line-height:30px; background:#e4e4e4; padding:0; width:120px;}
.photocategorylist ul li .second a:hover { background:#ffb94b; color:white;}

.photocategorylist .p_c_small {}
.photocategorylist .p_c_small li { float:left; margin-top:30px;}
.photocategorylist .p_c_small li a{  display:block; float:left;  padding:10px 15px; margin:0 auto; font-size:15px;  margin-left:5px; }
.photocategorylist .p_c_small li a:hover ,.photocategorylist .p_c_small li .on{background:#524538;border-top-left-radius:5px; border-top-right-radius:5px;color:white;}

.cid { overflow:hidden; text-align:center; background:#e5e5e5;}
.cid ul { display:block; width:420px; margin:0 auto; overflow:hidden;}
.cid a { display:block; margin:5px; padding:10px; line-height:25px; float:left; color:#64584c; font-size:16px;}
.cid a:hover { background:white;color:#64584c; border-radius:8px ; box-shadow:1px 1px ;}


/*photoshow*/
.p_c { background:#64584c; padding:15px;}






/*kidsmile*/
@media all {
.container { width:1140px; }
.featherlight {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        height: 100%;
        text-align: center;
        cursor: pointer;
        background: #333;
        background: rgba(0, 0, 0, 0.8);
    }
.featherlight .featherlight-close {
            position: absolute;
            z-index: 9999;
            right: 0px;
            top: 0px;
            line-height: 25px;
            width: 25px;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            font: Arial bold;
            background: #fff;
            color: #000;
        }
.featherlight:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -0.25em;
        }
.featherlight .featherlight-content {
            text-align: left;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding: 2%;
            width: 60%;
            min-width:700px;
            min-height:700px;
            max-height:60%;
            overflow: auto;
            cursor: auto;
        }
.featherlight .featherlight-inner {
            display: block;
        }
.featherlight-iframe .featherlight-content {
        min-height: 60%;
    }
.featherlight iframe {
        border: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }
.featherlight .featherlight-image {
        width: 100%;
    }
}

@media all {
.lightbox { display: none;}
/* override default feather style... */
.fixwidth {
        background: rgba(256, 256, 256, 0.8);
    }
.fixwidth .featherlight-content {
            width: 500px;
            padding: 25px;
            color: #fff;
            background: #111;
        }
.fixwidth .featherlight-close { color: #fff; background: #333; }
}









/*------------------------------------------------------------------------------------------*/