@charset "gb2312";
/* CSS Document */
/****************************************
* 名 称：catjojo.css
* 作 者：高燕
* 日 期：2013-11-13
* 版 本：1.0 
* 概 要：全局-其他
*****************************************/
html,body{margin:0;padding:0;font:100%/150%"arial";color:#333;font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;overflow:hidden;background-size:cover;}
he,cite,code,dfn,th,var,address{text-align:left;font-weight:normal;font-style:inherit;}
img{border:none;margin:0;padding:0; line-height:0; display:block;}
.clear{clear:both;font-size:0;line-height:0;height:0;margin:0;padding:0;}
.clearfix{clear:both;font-size:0;line-height:0;height:0;margin:0;padding:0;display:inline-block;}  /* for IE/Mac */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
ul,li{list-style:none;padding:0;margin:0;}
dl{display:block;}
blockquote{font-style:normal;}
h1,h2,h3,h4,h4,h6{ font-weight:normal; font-size:100%;}
html, body,div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark,audio, video{margin:0;padding:0;}
.row{ margin:0; padding:0; line-height:0; height:20px;}
ul{margin:0;padding:0;list-style:none}
a,a:link{color:#333;text-decoration:none}
a:hover{color:#9b5c37;text-decoration:none}
input{ font-size:90%;}
.left,.fl{ float:left;}
.fr{ float:right;}
/*字号*/
h1,h2{ font-size:20px;}
h3{ font-size:22px;}
h6{ font-size:17px;}
h4{ font-size:13px;}

/*icon
-----------------------------------------------------------------------------------------------------------*/
.header-icon{height:30px;width:30px;}
.home{background-position:0px 0;}
.nav-icon{width:30px; height:30px; }

/*图标*/
.icon{background:url(icon.png) no-repeat; background-size:cover;}
.header-icon,.icon_foot{height:18px;width:18px;}
.header-icon{ margin:13px;}
.icon_foot{margin:8px auto -1px auto;}
.icon_menu{background-position:0 0px;}
.return{ background-position:-90px 0;}
.icon_home{ background-position:-18px 0;}
.icon_sms{ background-position:-36px 0;}
.icon_share{ background-position:-54px 0;}
.icon_location{ background-position:-72px 0;}
.icon_mark{ background-position:-53px 0;}
/*页头
-----------------------------------------------------------------------------------------------------------*/
.header{width:100%; background:#E25C2E; height:3em}
.header .title{text-align:center;font-size:140%; font-weight:bold; line-height:2.2em;color:#fff;letter-spacing:.1em; width:80%; margin:0 auto; }
.header .left,.header .right{position:absolute;top:0px;}
	.header .left{left:0;}
	.header .right{right:0;}
.top_left{background-position:-30px -30px; margin:.6em;}
.top_rihgt{background-position:0 0;margin:.6em;}
.top_back{background-position:-30px 0;margin:.6em;}

/*页头-图标*/
.icon_j{ background:url(menu.png) no-repeat; background-size:20px 108px; width:20px; height:36px; margin-left:10px;}
.icon_j1{ background-position:0 0; float:left;}
.icon_j2{ background-position:0 -36px; float:left;}
.icon_j3{ background-position:0 -72px; float:left;}

/*页脚
-----------------------------------------------------------------------------------------------------------*/
.footer{background:#9c7a39;text-align:center; display:block; position:absolute; bottom:0px;cursor:pointer; left:0; right:0; width:100%; z-index:3}
.footer li a{ width:25%;display:table-cell; float:left; margin:0 auto; color:#FFF; font-size:70%;}
.footer,.footer li,.footer li a{text-align:center;color:#fff;}
.footer li a:hover{background:rgba(0,0,0,0.3);}
.icon_foot{height:20px;width:20px;margin: 8px auto 0px auto;}
/*页脚-图标*/
    .icnon_home{background-position:-20px 0;}
	.icnon_tel{background-position: -39px 0;}
	.icnon_fx{background-position:-20px -40px;}
	.icnon_sms{background-position:-80px 0;}
	.icnon_dz{background-position:-122px 0;}
	
/*首页Top-栏目*/
.top-mu{ background:rgba(252,251,248,0.7); position:absolute; top:50px; z-index:2; width:100%;}
.top-mu li{ width:23.5%; display:inline-block;border-right:1px #ccc solid; text-align:center; padding:.55em 0;}
.top-mu li a{color:#363636;}
.mu-icon{background:url(icon1.png) no-repeat;background-size:cover;width:2.5em; height:2.5em; margin:0 auto}
	.top-mu1,.top-mu2,.top-mu3,.top-mu4{margin-bottom:.3em}
	.top-mu1{background-position:0 0;}
	.top-mu2{background-position:0 -2.5em;}
	.top-mu3{background-position:0 -5em;}
	.top-mu4{background-position:0 -7.5em;}
	
/*首页*/	
.about{ background:#e3d5cc; width:90%; margin:1em auto; padding:.6em;}
.mian-produc{ width:95%; margin:1em auto;}
.mian-produc dd{color:#363636; font-size:150%; margin-bottom:.5em;letter-spacing:.1em;}
.mian-produc li{ width:47.9%; margin:0 1% 1% .5%; background:#fff; display:inline-block;}
.mian-produc .left{ width:40%; float:left; margin:5%;}
.mian-produc .left img{ width:100%;}
.mian-produc .right{width:45%; float: left; margin:5% 5% 5% 0}
.mian-produc .right h6{color:#363636}
.mian-produc .right blockquote{ font-size:70%; line-height:160%; color:#888}

/*分享*/
.fx{text-indent:100px;}
.icon1{background:url(fx.png) no-repeat;background-size:45px 229px;}
.icon_qq{background-position:30px 12px;}
.icon_sina{background-position:30px -38px;}
.icon_r{background-position:24px -90px;}
.icon_k{background-position:30px -140px;}
.icon_dou{background-position:30px -190px;}

/*左侧菜单
-----------------------------------------------------------------------------------------------------------*/
#slidermenu{width:32%; position:absolute; top:0; bottom:0; color:#4c4b47;}
#slidermenu a,#slidermenu a:hover{ color:#c40b11;}
.menutop h3{ height:50px; line-height:50px;}
.icon_text{ width:100px; height:25px; background:url(text.png) no-repeat; background-size:cover; margin-right:30%;}

#slider_content{position:absolute; bottom:0; top:0px; width:100%;}
#slider_content ul{ text-indent:1.5em; margin-top:3em}
#slider_content li{ padding:.8em 0; font-size:120%;}

/*首页*/
#page1,body{position:absolute; top:0; bottom:0; width:100%;background-size: 100%;}
#article{position:absolute; top:0; bottom:0; width:100%; background:#f6f6f6;}
#more{width:95%;text-align:center;background:rgba(0,0,0,0.2);margin:0 auto;padding:.2em 0;cursor: pointer;}
.topbg{ position:relative; z-index:1; height:132px;}
.indextop{ background:rgba(223, 210, 186, 0.6); width:100%; height:50px; line-height:50px; text-align:center;color:#695000; letter-spacing:1px;font-size:22px; position:absolute; top:0; z-index:2;}
.indexnews{ width:96%; margin:2% auto; height:36px; border-bottom:2px solid #A78839;}
.indexnews span{ display:block; width:100px; text-align:center; color:#fff; font-size:16px; background:#AC7500;height:36px; line-height:36px; }
.indexnews a{ width: 60px;
height: 24px;
font-size: 12px;
line-height: 24px;
text-align: center;
color: #B40000;
margin-top: 8px;}
.byxh{ width:96%; margin:2% auto;}
.indexabout{ width:96%; margin:2% auto 0 auto; height:36px; line-height:36px; background:#9c7a39; border-left:5px solid #720000;}
.indexabout span{ font-size:20px; color:#fff; margin-left:10px;}
.aboutcontent{ width:94%; padding:2%; background:#fff; margin:0 auto;}
.aboutcontent span{ font-size:14px; color:#464646; text-indent:30px; display:block; width:94%; margin:0 auto;}
.aboutcontent a{ color:#C90000;}

/*新闻列表*/
.newslist{width:94%;margin:10px auto;padding:0 0 10px 0;border:1px #ccc solid}
.newslist li{text-indent:1em;height:48px;line-height:49px; border-bottom:1px #ccc dashed;background: url(icon-08.png) 95% 50% no-repeat;background-size: 22px;}
.newslist blockquote{width:85%;
text-overflow:ellipsis;/*这就是省略号喽*/
white-space:nowrap;/*设置不折行*/
-o-text-overflow:ellipsis;/*兼容opera*/
overflow: hidden;}

.newslist2{ width:96%;margin:0 auto;}
.newslist2 li{ padding: .5em;
border-bottom: 1px #ccc solid;
background: #fff url(icon-08.png) 98% 50% no-repeat;
background-size: 22px;}
.newslist2 li h2{ color: #363636;width: 90%;font-size: 14px;}
.newslist2 li blockquote{ width:90%; margin:0 0 auto 0;}
/*列表图+标题=两列两行显示*/
.product_a{margin:0 auto 10px 30%; z-index:2;font-size:90%; line-height:21px;}
.product_a li{ width: 46%;margin:.5em 2%;background:#FFF; text-align:center; display:inline-block;}
.product_a blockquote{line-height:18px; padding:10px 0; font-weight:normal}
.product_a img{ width:100%; min-width::100%;}

/*列表图+标题=两列两行显示*/
.product_b{ width:98%;margin:0 auto;font-size:90%;line-height:21px;}
.product_b li{ width: 46%;margin:.5em 2%;background:#FFF; text-align:center; display:inline-block;}
.product_b blockquote{line-height:18px; padding:10px 0; font-weight:normal}
.product_b img{ 
text-align: center;
margin: 0 auto; width:100%; min-width:100%;}

/*列表小图+标题=一行显示*/
.products{margin:0 auto 10px 30%; z-index:2}
.products li{border-bottom:1px solid #ccc;padding:.5em 0;background:#fff url(icon-08.png) 98% 50% no-repeat; background-size:20px; width:94%; margin:.5em auto}
.products img{float:left;width:40%; margin:.5em}
.products blockquote{float:left;width:40%;margin: 0 0 0 10px;}
	/*二级导航*/
	.product_left{width:30%; height:100%;background:#dadada;color:#908f8f;position:absolute; float:left; z-index:1}
	.product_left a{padding:10px;display:block; }
	.product_left a:hover{color:#fff;background:#9f9f9f;}

/*信息详情页
-----------------------------------------------------------------------------------------------------------*/
#content{width:100%;position:absolute;top:45px;;letter-spacing:.05em; bottom:3.5em; }
.ct,.box{ width:95%; margin:0 auto;}
.box img{width:100%;min-width:100%; margin:5px auto;}
.box hr{ height:1px; border:0; margin:0 auto 10px auto; background:#ccc;}
.box h3{margin: 20px auto 10px auto;
font-size: 20px;
width: 100%;
letter-spacing: .1em;
color: #363636;}
.box h4{color:#999; font-size:80%;margin: 0 0 10px 0;}

/*文字-盒子-阴影*/
.box-shadow{box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
-webkit-box-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
-moz-box-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);}
.text-shadow{text-shadow:1px 1px 0 #000000;}
.text-shadow1{text-shadow:1px 1px 0 #fff;}

/*首页导航*/
.indexmenu{width:100%; margin:0 auto; position:absolute; bottom:0; left:4%;}
.indexmenu li{width: 45%;margin:0 2% 2% 0;float: left;display: block;
height: 32px;line-height: 32px;text-align: center;color: #464646;background: rgba(255,255,255,0.8);cursor: pointer; font-size:16px; }
.indexmenu a{color: #464646;}
.indexmenu li:hover{background: rgba(255,255,255,0.5);}

/*预约*/
.crm{ width:90%; margin:10px auto;}
.crm li{ height:40px; line-height:40px;border:1px #fff solid; border-width: 0 0 1px 0;}
.rese,.rese2{border:none;background:none; border:1px #ccc solid}
.rese{width: 75%;padding:5px 0;text-indent: 10px;}
.rese2{width:93%; height:150px;padding:10px;}
.p_enter{margin:0 auto;width:100%;padding:10px 0; background:#EC4712; border:none; color:#fff;}

/*图片集*/
#piclist li img{ width:100%;}
.title-x{ position:absolute; top:80px; left:10px;z-index: 3;}

/*页码*/
.pages{ position:absolute; top:80px; right:10px;z-index: 3;}
.navinfo{ position:absolute; top:300px; left:10px; right:10px; bottom:10px; overflow:auto;font-size: 80%;
line-height: 150%;}

/*ban滑动*/
#innerborder{ width:96%; margin:4% auto 2% auto;}
#wrapper{width:100%;}
#wrapper img{ width:100%;}
.swControls {width:100%;height:20px;float:left; margin-top:-20px; position:relative; z-index:3;}
.swUl > li {display:block; list-style:none;padding:0; margin:0;float:left;}
.swUl {width:55px;padding-top:8px;margin:0 auto;}
.swUl > li {text-indent:-9999em;width: 5px;border-radius: 5px;height: 5px;background:#eee;overflow:hidden;margin-right:5px;}
.swUl > li.active {background:#aaa;}
.swUl > li:last-child {margin:0;}
.logo{width:226px; margin:0 0 0 1em;}
.logo img{ width:100%; min-width:100%;}
#main{width:100%;position:absolute;top:42px;letter-spacing:.05em; bottom:3.5em;}



/*按钮
-----------------------------------------------------------------------------------------------------------*/
.Page{text-align:center;margin:15px auto;}
.btn-a{font-size:80%;width:30%;color:#fff;display:inline-table;padding:5px 0;text-align:center; margin:0 15px;border-radius:.4em;-webkit-border-radius:.4em;}
.btn-a:link,.btn-a:hover{color:#fff !important;background:#7E5B00;}
.btn-a{background:#423000;}


.box-title{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #545353), to( #000));
	background-image: -webkit-linear-gradient( #545353, #000); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #545353, #000); /* FF3.6 */
	background-image:     -ms-linear-gradient( #545353, #000); /* IE10 */
	background-image:      -o-linear-gradient( #545353, #000); /* Opera 11.10+ */
	background-image:         linear-gradient( #545353, #000); 
}

.header2{ height:45px; width:100%; background:#9c7a39}
.header2 .title{font-size:20px;font-weight:bold; line-height:220%;color:#fff;letter-spacing:.1em; text-align:center; margin-left:20px;}
.header2 .left{position: absolute;top: 0;left: 0;}
.header2 .right{float:right;position: absolute;top:0;right:0;}
/*菜单*/
#menu_title{border-radius:3px; width:30%;right:0;text-align:center;position:absolute;top:45px; z-index:3; background:rgba(0,0,0,0.8);}
#menu_title dt,#menu_title li{
	width:100%;height:40px;line-height:40px;border-bottom:rgba(255,255,255,0.1) 1px dashed;}
#menu_title a{ color:#fff;}


/*幻灯*/
#innerborder {
 
width:100%;
}
#outBorder {border: 1px solid #ccc;}

/*幻灯*/
#outBorder{margin:0 auto;width:100%; position:absolute;}
.mar-top{ margin-top:10px;}
.index-text{ text-align:center; margin-top:10px;}
#innderBorder{ width:50%;float:left; }
#center{ text-align:center;}
.enter-btn {
width:90%;
position: absolute;
bottom: 7%;
left: 5%;
text-align: center;
border-radius: 5px;
color: #F00;
background: rgba(255,255,255,0.5);
}


/*产品中心*/
.Product{width:98%; margin:0 auto;}
.Product li{ font-size:80%;float:left;width:26%;margin:1.5%;padding: 5px;text-align:center; border:1px #ccc solid;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 90px;}
.Product img{width:100%;height: 60px;}

/*yy*/
.crm{border-bottom:1px solid #FFF;}
.crm input{border:none;}
.crm li{padding:5px;border-bottom:1px solid #FFF;}
.crm li .rese{border:none;background:none;color:#999;border: 1px solid #CACACA;}
.crm li .rese1{border:none;background:#c2c2c2;color:#fff;}
.crm .rese2{background:#fff;overflow-x:hidden;overflow-y:hidden;color:#999;width:86%;height:100px;margin:0 10px;padding:10px;}
.crm .re-ban{text-align:center;color:#fff;padding:10px 0;width:95%;border:none;background:#ec6217;margin:10px auto;display:compact;}
.p_enter{ background:rgba(0,0,0,0.85); width:60%; padding:0.3em 0; color:#464646; text-align:center; margin: 10px 20%; border-radius:5px; border:rgba(255,255,255,0.2) 1px solid; position:absolute; bottom:70px; letter-spacing:0.2em;}
.p_enter2{background: #f20000;
width: 40%;
padding: 0.3em 0;
color: #fff;
text-align: center;
margin: 10px 30%;
display: inline-block;}