﻿
body { background:url(../images/bg.jpg) repeat #ebe7e4;  color:#444; z-index:1 }


#content .cttl { width:100%; font-size:2.2rem; line-height:2rem; padding:0.3rem 0 1rem; margin:auto; overflow:hidden; background-size:40px; border-bottom:1px solid #cecece; color:#003ec5;  }
#content .cttl span { font-size:1.3rem; margin-left:8px; color:#999;}


#content .text_con,#content .text_con2,#content .text_con3,#content .text_con4,#content .text_con5,#content .text_con6,#content .text_con7,#content .text_con8 { min-height:22rem;}


/*关于*/
#content .text_con { padding:1.5rem 1rem 2rem; }
#content .text_con p { font-size:1.4rem; line-height:1.8rem; margin-top:1rem;  }
#content .text_con img { max-width:100%; display:block; margin:auto;  }

/*骨瓷历史、新闻资讯*/
#content .nlist_con { padding:0.2rem 0; }
#content .nlist_con a { width:100%; height:8.5rem; overflow:hidden; display:block; padding:1rem 0; border-bottom:1px solid #cecece;  }
#content .nlist_con .cn_l { width:10.5rem; height:8.4rem; float:left;  margin-right:1rem; background:url(../pic/loading.jpg) no-repeat; background-size:10.5rem 8.4rem; }
#content .nlist_con .cn_l img { width:10rem; height:7.8rem; padding:0.2rem; border:1px solid #cecece;}
#content .nlist_con .cn_r { }
#content .nlist_con .cn_r h3 { font-size:1.4rem; line-height:1.8rem; max-height:5.4rem; overflow:hidden; color:#333;  }
#content .nlist_con .cn_r span { font-size:1.2rem; color:#999; }


/*历史、资讯正文*/
#content .text_con2 { padding:1rem 1rem 2rem; font-size:1.4rem; }
#content .text_con2 h2 { font-size:2rem; color:#012d8c; line-height:2.6rem; margin:0 0 1rem; text-align:center; }
#content .text_con2 .datetime { width:100%; font-size:1.3rem; color:#666; padding:0 0 1rem; margin-bottom:2rem; border-bottom:1px solid #cecece; text-align:center; }
#content .text_con2 p { font-size:1.4rem; line-height:1.8rem; margin-top:1rem; padding:0 1rem;  }
#content .text_con2 img { max-width:100%; display:block; margin:auto;  }

#content .others { margin-top:4rem; padding:1.2rem 1rem 0 ; border-top:1px solid #cecece; }
#content .others div { width:100%; height:2.4rem; margin-bottom:0.5rem; display:block; float:left; }
#content .others div span { width:6rem; height:2.4rem; line-height:2.4rem; margin:0.5rem 0; display:inline-block; float:left; color:#012d8c; }
#content .others div a { width:70%; height:2.4rem; line-height:2.4rem; margin:0.5rem 0 0.5rem; display:inline-block; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#555; }
#content .others div a:hover { text-decoration:underline; }


/*产品*/
#content .pcatalog { width:100%; padding:1rem 1rem; margin:-1rem -1rem 1rem;  background:#dfdfdf; font-size:1.5rem;  }
#content .pcatalog li { display:inline-block; margin:0rem 0.5rem;  }
#content .pcatalog li a { display:inline-block; padding:0.1rem 0.8rem 0.1rem; margin:0.4rem 0rem; border-radius:20px; border:1px solid #012d8c; color:#012d8c; font-size:1.3rem;  }
#content .pcatalog li a.select { background:#012d8c; color:#fff; }
#content .pcatalog li p { display:inline; }
#content .pcatalog li p a { display:inline-block; padding:0.1rem 0.8rem 0.1rem; margin:0.3rem 0.2rem; border-radius:5px; border:1px solid #012d8c; color:#444; font-size:1.3rem;  }
#content .plist_con { padding:1rem 0; max-width:640px; margin:0 auto;}
#content .plist_con a { width:49%; height:auto; display:inline-block; margin-bottom:1.5rem;  }
#content .plist_con a div { position:relative; width:92%; height:0; padding-bottom:69%; overflow:hidden; margin:auto; text-align:center; background:#fff;border:1px solid #cecece;}
#content .plist_con a div img {max-width:100%; height:auto;position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%);}
#content .plist_con a span { width:100%; display:inline-block; text-align:center; line-height:2.6rem; height:2.6rem; color:#333; font-size:1.4rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }


/*产品详情*/
#content .text_con3 {  padding:0 0 2rem; font-size:1.4rem; }
#content .text_con3 .picshow { width:100%; max-width:53.3rem; display:block; margin:auto; text-align:center; }
#content .text_con3 .picshow img { width:100%; border-bottom:1px solid #cecece; }
#content .text_con3 .cpblock { width:100%; margin:1rem; }
#content .text_con3 .cpblock .cp_ttl { width:100%; font-size:1.8rem; line-height:2.2rem; margin-bottom:0.8rem; color:#012d8c;  }
#content .text_con3 .cpblock .cp_text { width:100%; }
#content .text_con3 .cpblock .cp_text p { font-size:1.4rem; margin-bottom:0.3rem; }
#content .text_con3 .desblock { margin:3rem 1rem 3rem; }
#content .text_con3 .desblock .desttl { height:3.2rem; line-height:3rem; padding:0 1rem; color:#675855; font-size:1.6rem; border-top:2px solid #675855; border-bottom:1px dotted #675855; }
#content .text_con3 .desblock .desttl span { display:inline-block; height:3rem; font-weight:bold; }
#content .text_con3 .desblock .descon { padding:1rem;}
#content .text_con3 .desblock .descon img { width:100%; max-width:53.3rem; margin:auto; }
#content .text_con3 .otherpro { margin:3rem 1rem 3rem; }
#content .text_con3 .otherpro .opttl { height:3.2rem; line-height:3rem; padding:0 1rem; margin-bottom:1.5rem; color:#675855; font-size:1.6rem; border-top:2px solid #675855; border-bottom:1px dotted #675855; }
#content .text_con3 .otherpro .opttl span { display:inline-block; height:3rem;  font-weight:bold;}
#content .text_con3 .otherpro a { width:49%; height:auto; display:inline-block; margin-bottom:1rem;  }
#content .text_con3 .otherpro a div { width:92%; margin:auto; }
#content .text_con3 .otherpro a div img {  width:100%; max-width:23rem; margin:auto; display:block; border:1px solid #cecece; }
#content .text_con3 .otherpro a div span { width:100%; display:block; text-align:center; line-height:2.2rem; color:#333; font-size:1.4rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }


/*相册*/
#content .alist_con { padding:2rem 0; }
#content .alist_con li { margin-bottom:1.5rem;}
#content .alist_con a { display:block;  }
#content .alist_con img {display: block; width:90%; max-width:50rem; border:1px solid #d5d5d5; margin:auto; }
#content .alist_con span { width:100%; display:block; text-align:center; line-height:2.2rem; color:#333; font-size:1.3rem;   }


/*留言*/
#content .text_con4 { padding:2rem 1rem 2rem; }
#content .text_con4 p { font-size:1.4rem; line-height:2rem; margin-top:1rem; }
#content .text_con4 form { width:100%; margin-top:2rem; display:block; } 
#content .text_con4 form div { width:100%; display:block; margin:1rem auto; }
#content .text_con4 form label { width:100%; display:block; line-height:36px; color:#001c58; font-size:1.4rem;}
#content .text_con4 form .inputbox { width:94%; height:3.5rem; border:1px solid #ccc; padding:0 0.5rem; line-height:3.4rem; font-size:1.4rem;  }
#content .text_con4 form input { vertical-align:middle; background:none;}             
#content .text_con4 form textarea { width:94%; height:15rem; border:1px solid #ccc; padding:0.3rem 0.5rem; line-height:3rem; vertical-align:middle; background:none; font-size:1.4rem; }
#content .text_con4 form .sub_btn { width:100%; height:4rem; line-height:3.9rem; background:#001c58; display:block;  margin:2rem auto 0; text-align:center; color:#fff; font-size:1.4rem; }

#content .text_con4 .cr7_r { width:100%; margin-top:2rem;  }
#content .text_con4 .cr7_r p { width:100%; font-size:1.6rem; line-height:2.2rem; color:#a8190d; text-align:left; padding:2rem 0; margin:0; }
#content .text_con4 .cr7_r p i { width:35px; margin-right:15px; vertical-align:middle; margin-top:-0.2rem; margin-bottom:0.1rem;  }
#content .text_con4 .cr7_r p .add { height:56px; display:block; float:left;background:url(../images/icon_04.png) -0px -107px no-repeat; }
#content .text_con4 .cr7_r p .tel { height:33px; display:inline-block; background:url(../images/icon_04.png) -0px -181px no-repeat; }
#content .text_con4 .cr7_r p .email {  height:33px; display:inline-block; background:url(../images/icon_04.png) -0px -239px no-repeat; }
#content .text_con4 .cr7_r span { display:block; font-size:14px; line-height:24px; color:#444; margin:14px 0px 0px;}

/*联系*/
#content .text_con5 { padding:2rem 1rem 2rem; }
#content .text_con5 p { font-size:1.6rem; line-height:2rem; margin-top:1rem;  }
#content .text_con5 p span { display:inline-block; color:#a86e2f; }
#content .text_con5 img { max-width:100%; display:block; margin:auto;  }
#content .text_con5 a { color:#444; }

/*用人理念*/
#content .text_con6 { padding:2rem 1rem 2rem; }
#content .text_con6 p { font-size:1.4rem; line-height:1.8rem; margin-top:1rem;  }
#content .text_con6 span { font-size:16px; color:#a8190d; font-weight:bold; }

/*在线求职*/
#content .text_con7 { padding:2rem 1rem 2rem; }
#content .text_con7 p { font-size:1.4rem; line-height:2.4rem; margin-top:1rem; padding:0 1rem;  }
#content .text_con7 span {  font-size:1.4rem; color:#a86e2f; }
#content .text_con7 .jobttl { width:90%; padding:0.4rem 1rem 0.6rem; display:block; background:#675855; color:#fff; font-size:1.5rem; }

/*营销网络*/
#content .text_con8 { padding:2rem 1rem 2rem; }
#content .text_con8 p { font-size:1.4rem; line-height:2rem; margin-top:1rem; }

/*网站地图*/
#content .text_con9 { padding:2rem 1rem 2rem; }
#content .text_con9 h3 { font-size:1.3rem; margin:0 0 1rem; color:#d00000; font-weight:bold; line-height:1.8rem; -webkit-margin:0px; } 
#content .text_con9 p { width:px;  display:block; padding:0.3rem 1rem; margin-bottom:1.8rem; background:#f9f6f4; border:1px dashed #d5d5d5;}
#content .text_con9 a { display:inline-block; margin-right:1.5rem; font-size:1.4rem; line-height:2.6rem; color:#666;  }



/*加载更多*/
#loadMore{font-size:1.3em; height:2.2em; width:97%; margin:0.8em auto; line-height:220%; cursor:hand; cursor:pointer; border:#e5e5e5 1px solid; text-align:center;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f0f0f0));
background:-moz-linear-gradient(top, #ffffff,#f0f0f0);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f0f0f0,grandientType=1);
}
#loadMore span{ color:#888;-moz-text-shadow:1px 1px 1px #fff; -o-text-shadow:1px 1px 1px #fff;-webkit-text-shadow:1px 1px 1px #fff;text-shadow:1px 1px 1px #fff;}
img#loading{ vertical-align:middle; margin:0 0.5em; display:none;}
.blank{ height:0; line-height:0; clear:both; font-size:0;}









