@charset "gb2312";
/* CSS Document */
/****************************************
* 名 称：catjojo.css
* 日 期：2013-11-13
* 版 本：1.0 
* 概 要：全局-其他
*****************************************/
html,body{margin:0;padding:0;font:100%/150%"arial";color:#000; background:#fff; font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;overflow:hidden;}
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:#e65b5d;text-decoration:none}
input{ font-size:90%;}
/*字号*/
h1,h2{font-size:170%;}
h3{font-size:22px;}
h6{font-size:16px;}
h4{font-size:13px;}
/*icon------------------------------------------------------------*/
.icon{background:url(../images/icon.png) no-repeat; background-size:cover;}
.header-icon{height:20px;width:20px;margin:0.95em .7em 0 .7em;}
.home{background-position:0px 0;}
.icon_menu{background-position:-20px 0px;}
.icon_new1{ background:url(../images/biao.png); background-size:cover; width:21px; height:29px; float:left; margin:0 15px;}
.nav-icon{width:30px; height:30px; margin:12px auto;}
.icon-home{background-position:0 0; }
.icon-bank{background-position:-6.5em 0; }
.icon-mu{background-position:-1.2em 0; }

.icon-01{background-position:-7.5em 0;}
.icon-02{background-position:-5.8em 0;}
.icon-03{background-position:-3.8em 0;}

.icon_foot{height:20px;width:20px;margin:0.4em auto 0 auto;}
.icon_a1{background-position:-16em 0;}
.icon_a2{background-position:-409px 0;}
.icon_a3{background-position:-12em 0;}
.icon_a4{background-position:-17.6em 0;}
.icon_a5{background-position:-10em 0;}


/*图标*/
.icon02{background:url(iocnfooter.png) no-repeat; background-size:cover;}
.header-icon02,.icon02_foot{height:18px;width:18px;}
.header-icon02{ margin:13px;}
.icon02_foot{margin:8px auto -1px auto;}
.icon02_menu{background-position:0px 0px;}
.icon02_home{ background-position:-18px 0;}
.icon02_tel{ background-position:-36px 0}
.icon02_share{ background-position:-54px 0;}
.icon02_return{ background-position:-90px 0;}
.icon02_mail{ background-position:-108px 0;}
.icon02_sms{ background-position:-126px 0;}
.icon02_location{ background-position:-72px 0;}


/*头部*/
.header{width:100%; padding:.3em 0;position:relative;}
.header .title{text-align:center; font-size:100%; font-weight:bold; line-height:240%;color:#fff;letter-spacing:.1em;}
.header{width:100%; height:3em;background:#ecf5fc url(../images/mina-bg.jpg) no-repeat; background-size:cover;}
.header .left{position: absolute;top: 0;left: 0;}
.header .right{float:right;position: absolute;top:0;right:0;}
.title img{ margin:0.4em auto; width:50%;}
.mina-header{width:100%; min-height:4em;height:4em;background:#ecf5fc;background-size:cover;}
.mina-header .img{ width:100%; min-width:100%;}

/*幻灯*/
#wrapper{width:100%;display:inline-block;float:left;}
#wrapper img{width:100%;}
.swControls {width:100%; margin-top:-10px;float:left;  position:relative; z-index:3;}
.swUl > li {display:block; list-style:none;padding:0; margin:0;float:left;}
.swUl {width:55px;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;}

/*一行1列*/
.news-list{width:95%; margin:.5em auto;}
.news-list li{padding:.8em 0; border-bottom:1px #ccc dashed;
text-overflow:ellipsis;/*这就是省略号喽*/
white-space:nowrap;/*设置不折行*/
-o-text-overflow:ellipsis;/*兼容opera*/
overflow: hidden;}
.news-list li blockquote{ width:65%;}

/*一行2列*/
.list-2l{ width:100%; margin:0 auto;}
.list-2l li{width:45%; margin:0 1% 0 2.5%;display:inline-block;}
.list-2l li img{ width:100%; min-width:100;%}
.list-2l li blockquote{ border:1px #46b1e1 solid; padding:.6em 0; margin:.6em auto; background:#fff; text-align:center;}
.list-2l li dd{ padding:1em; margin:0 auto; color:#fff;}
.list-2l li dd h2{ margin:.9em auto 0 auto; text-align:center;}
/*一行1行-1*/
.list-nav li{ padding:.8em 0; width:100%; margin:.25em 0;color:#fff;}
.icon_nav{height:30px;width:30px; float:left; margin:0 1em}

/*一行3列*/
.list-3l{ width:100%; margin:.5em auto;}
.list-3l li{ display:inline-block; width:29%; margin:0 1.2% 0 2%; color:#fff; text-align:center; padding:.6em 0;}
.list-3l li a{ color:#fff;}

/*一行2列*/
.list-4l{ width:100%; margin:0 auto;}
.list-4l li{width:29%; margin:0 1% 0 2.5%;display:inline-block;}
.list-4l li img{ width:100%; min-width:100;%}
.list-4l li blockquote{ border:1px #46b1e1 solid; padding:.4em 0; margin:.4em auto; background:#fff; text-align:center;}
.list-4l li dd{ padding:1em; margin:0 auto; color:#fff;}
.list-4l li dd h2{ margin:.9em auto 0 auto; text-align:center;}

/*一行3列*/
.news-box{width:95%; padding:1em 0; margin:1em auto; background:#fff;}
.news-mu{ width:98%; padding:0 0 .5em 0; margin:0 auto;border-bottom:1px #ccc solid; text-align:center;}
.news-mu li{ display:inline-block; width:23%; border-right:1px #e65b5d solid;}
.news-mu li a{ color:#e65b5d;}
.news-box h3{ text-align:center; color:#46b1e1}
/*一行5列*/
.product_list{ width:98%; margin:0 auto}
.product_list li{ background:#e5e5e5; width:23%;margin:0 1% 0 0.5%; display:inline-table;}
.product_list li blockquote{ font-size:90%; padding:.5em 0; text-align:center;text-overflow:ellipsis;/*这就是省略号喽*/
white-space:nowrap;/*设置不折行*/
-o-text-overflow:ellipsis;/*兼容opera*/
overflow: hidden;}
.product_list li img{ width:90%; min-width:80%; margin:.4em auto 0 auto;}

/*一行4列*/
.product_pic{ width:98%; margin:-.5em 0 0 auto}
.product_pic li{ background:#e5e5e5; width:31%;margin:0 1% 2.5% 0.5%; display:inline-table;}
.product_pic li blockquote{ font-size:90%; padding:.5em 0; text-align:center;text-overflow:ellipsis;/*这就是省略号喽*/
white-space:nowrap;/*设置不折行*/
-o-text-overflow:ellipsis;/*兼容opera*/
overflow: hidden;}
.product_pic li img{ width:90%; min-width:80%; margin:.4em auto 0 auto;height: 90px;}


/*背景色*/
.lc-01{ background:#eb6877}
.lc-02{ background:#13b5b1}
.lc-03{ background:#8f82bc}
.lc-04{ background:#e65b5d}
.lc-05{ background:#32b16c}
.lc-06{ background:#46b1e1}

/*关于我们*/
.name{width:98%; padding:0 0 .5em 0; margin:0 auto;border-bottom:1px #ccc solid; text-indent:1em;color:#e65b5d; font-size:150%;}

#content{width:100%;position:absolute;top:3.4em;bottom:3.5em;}


/*产品分类*/

/*详情页*/
.box{width:95%; margin:0 auto; }
.box img{ width:100%; min-width:100%;}
.box h3{color:#000;}
.box hr{ height:1px; border:0; padding:0; margin:1em auto; background:#ddd; }
.box time{ background:#91d1ed; color:#fff; padding:.1em .8em; float:right; font-size:90%; margin:0 .5em .5em 0}

/*底部*/
.footer{text-align: center;position:absolute;clear: both;cursor:pointer; left:0; right:0; width:100%;bottom:0;display:table;padding:0;z-index:2;color:#fff;height:50px;}
.footer{background:#46b1e1;}
.footer li{font-size:70%;width:20%;display:table-cell;padding:.2em 0 0 0;}
.footer,.footer li,.footer li a{text-align:center;color:#fff;}
.footer li strong{font-weight:normal; display:block;}
.footer li:hover{background-color:rgba(0,0,0,0.2)}
.abc{width:60%;margin:0 auto;}
.abc:hover{width:60%;background:rgba(0,0,0,0.3);border-radius:5px;}

/*分享*/
.icon1{background:url(fx.png) no-repeat;background-size:2.5em}
.icon_qq{background-position:2em 0;}
.icon_sina{background-position:2em 25.5%}
.icon_r{background-position:2em 75%}
.icon_k{background-position:2em 49.9%}
.icon_dou{background-position:2em 100%}
.fx {text-indent: 90px;}

/*CRM预约*/
.crm{border-bottom:1px solid #ccc; width:95%; margin:1em auto}
.crm input{border:none;}
.crm h3{color:#46b1e1;}
.crm li{padding:1em 0;border-bottom:1px solid #ccc; text-indent:1em}
.crm .rese{border:none;background:none;color:#999;}
.crm .rese2{background:#fff;overflow-x:hidden;overflow-y:hidden;color:#999;width:89%;height:100px;margin:0 auto;padding:5%;}
.p_enter2{background:#46b1e1;width:100%;padding:.8em 0;color: #fff;text-align: center;margin: 10px auto;display: inline-block;}

/*文字-盒子-阴影*/
.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,.ct h6 a:hover{text-shadow:1px 1px 0 #444;}
.text-shadow1{text-shadow:1px 1px 0 #fff;}
#more,#pullUp{ width:95%; margin:1em auto;background:rgba(0,0,0,0.2); text-align:center; color:#FFF; cursor:pointer; padding:.5em 0;}