@charset "utf-8";

/*reset*/
body,div,dl,dt,dd,del,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td {
  margin: 0;  padding: 0;  font-family: "Microsoft Yahei", "宋体";  /*font-family:"FZZHUNYSK","微软雅黑","宋体";*/
  font-size: 14px;  color: #333;}
table {  border-collapse: collapse;  border-spacing: 0;}
fieldset,img,button { border: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal;}
ol,ul { list-style: none;}
caption,th { text-align: left;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
q:before,q:after { content: '';}
abbr,acronym { border: 0;}
a { text-decoration: none; color: #666;}
a:hover { color:#ea3123;}
body { background: #fff; z-index: 0;}

/* common */
.commonWrap { width: 100%; clear: both;}
.commonW1200 { width: 1200px;}
.pad70 { padding: 70px 0;}
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mc { margin: 0 auto;}
.w1200 { width: 1200px;}
.relative { position: relative;}
.absolute { position: absolute}
.fl { float: left}
.fr { float: right}
.center { text-align: center}
.borderBox { box-sizing: border-box;}
.cl { clear: both;}


/* ------------------------------------------------------首页-------------------------------------------------------- */



/* 陶瓷 banner */
.tc_banner{width: 100%; height: 568px; background: url(../images/tc_banner.jpg) no-repeat center;}

/* 陶瓷 四个按钮 */
.jltc_nav{width: 100%; height: 379px; background: url(../images/tc_bjpic01.jpg) no-repeat center;}
.jltc_nav .zq_nav{width: 975px; height: 335px;}
.zq_nav ul{margin-left: -15px;}
.zqLi{ float: left; width: 150px; height: 266px; padding-top: 69px; margin-left: 15px; background: url(../images/tc_navbj.png) no-repeat; background-position:center top; text-align: center;}
.zqLi:hover{background: url(../images/tc_navbjh.png) no-repeat;}
.zqLi h3{ margin: 0 auto; font-size: 23px; font-weight: 700; font-family: 宋体; display: block; 
/*width: 165px; */
height: 26px;
  /*background: url(../images/tch3pic.png) no-repeat center; */
  color: #770b00;}
.zqLi:hover h3{color: #fff;}
.zqLi p{font-size: 16px; color: #a06a67; line-height: 37px;}
.zqLi img{padding-top: 10px;}
.djjr{ display: block; width: 69px; height: 69px; line-height: 69px; background: url(../images/jr.png) no-repeat center; margin: 0 auto; color: #fff;
  position: relative; }
.zqLi:hover .djjr{ -webkit-animation: djjr 1s ease infinite;-moz-animation: djjr 1s ease infinite;animation: djjr 1s ease infinite;}
@keyframes djjr{0%{top:0;} 50%{top:-2px;} 100%{top:2px;}}
.zq_nav .on{background: url(../images/tc_navbjh.png) no-repeat;}
.zq_nav .on h3{color: #fff;}

/* 陶瓷 图片列表 */
.tc_picbox{width: 100%; height: 1100px; background: url(../images/tc_bjpic02.jpg) no-repeat center; }
.tc_pictitl{width: 975px; height: 145px; text-align: center;}
.tc_pictitl h1{font-size: 28px; color: #000; text-align: center; padding-bottom: 15px;}
.tc_pictitl .line{width: 221px; height: 13px; background: url(../images/line.png) no-repeat center;}
.tc_pictitl ul{display: inline-block; margin-top: 26px;}
.tc_pictitl li {float: left; width: 102px; height: 20px; border-right: 1px #4c2525 solid; text-align: center;}
.tc_pictitl li a{ color: #4c2525; font-size: 18px;}
.tc_pictitl li a:hover{color: #d0121b;}
.tc_pictitl li .on{color: #d0121b;}
.tc_pictitl li:first-child{border-left: 1px #4c2525 solid;}

/* 图片列表 */
.tc_piclist{width: 975px; min-height: 300px;}
.tc_piclist ul{margin-left: -15px;}
.tc_piclist ul li{float: left; margin-left: 15px; width: 310px; height: 270px; border: 2px groove #f5fef9; margin-bottom: 20px; background-color: #edddce;}
.tc_piclist ul li img{width: 290px; height: 185px;margin-left: 10px; margin-top: 10px;}
.tc_piclist ul li h2{font-size: 15px; font-weight: 600; padding:0 10px; line-height: 40px; color: #000;
  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap;}
.tc_piclist ul li p{font-size: 15px; color: #333; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}





/* 视频 banner */
.sp_banner{width: 100%; height: 568px; background: url(../images/sp_banner.jpg) no-repeat center;}
.tc_piclist h2{text-align: center; font-size: 28px;  color: #000; padding: 20px 0;}