@charset "utf-8";
/* CSS Document */
.gray{background: #f4f4f4;}
.gray #menu{background:#ffffff;}
.bg_white{background: #ffffff;}
.bg_white #menu{background:#f3f3f3;}

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

 Header

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

.header_ztw{height: 35px;background: #f8f8f8;line-height: 35px;overflow: inherit;}
.top_box{width:1200px;margin:0 auto;height: 35px;padding: 0 15px;overflow: inherit;}
.top_box>div{overflow: inherit;}
.top_box .icon_shouye{background: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_shouye.png) no-repeat center left;padding-left: 16px;}
.top_box .left .iconfont:before{margin-right:5px;}
.top_box .left{line-height: 32px;}
.top_box .left a{margin-right: 8px;padding-right: 12px;font-size: 12px;border-right: 1px #d4d4d4 dotted;color: #949494;}
.top_box .left a:hover{color: #7b7b7b;}

.top_box .icon_shouji{background: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_mobile.png) no-repeat center left;padding-left: 12px;}
.top_box .right a{margin-right:10px;font-size: 12px;float: left;color: #949494;}
.top_box .right a:hover{color: #7b7b7b;}
.top_box .right .icon_ewm{position:relative;background: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_ewm.png) no-repeat center;width: 14px;height: 35px;display: block;}
.top_box .right .icon_ewm:before{color:#666;}
.top_box .right .icon_ewm img{display:none;position: absolute;}
.top_box .right .icon_ewm:hover img{display:block;right:0;top: 35px;z-index: 99;max-width: 100px;}

.head{width:1200px;margin:0 auto;/* height: 120px; */padding: 33px 15px 30px;box-sizing: border-box;}
.ztwLogo{width: 160px;}
.ztwSearch{}
.ztwlogin{margin: 8px 0 0;font-size: 12px;float: right;}
.ztwlogin a{padding: 0 12px 0 30px;float: left;background-repeat: no-repeat;line-height: 24px;color:#999;margin-bottom: 3px;}
.ztwlogin a:first-child{border-right:1px #ddd dotted;margin-right:12px;}
.ztwlogin a:hover{color:#fb6767;}
.ztwlogin .login{background-image: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_login.png);}
.ztwlogin .shouji{background-image: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_m.png);}
.ztwlogin .login:hover{background-image: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_login_h.png);}
.ztwlogin .shouji:hover{background-image: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_m_h.png);}
.ztwlogin p.red{text-decoration:underline;color: #ff6161 !important;}

#nav{width:100%;/* border-top: 2px #c4161c solid; */position: relative;background: #9b0101;/* box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05); */}
#navarea{width:1200px;margin:auto;padding: 0 15px;}
#nav:before{content:"";height:1px;/* border-bottom: 1px #eee solid; */top: 54px;width: 100%;display: block;position: absolute;}
#navs{height: 50px;line-height: 50px;font-size: 16px;}
#navs dt{width: 7.14%;float:left;text-align:center;position: relative;}
#navs dt:first-child a>span{padding-left: 22px;*padding-left: 0px;position:relative;}
#navs dt:first-child a>span:before{position:absolute;content:"";background: url(../ztw2022_img/i-index.png) no-repeat left center;width: 20px;height: 20px;display: block;left: 0;top: 0;}
#navs a{display:block;color: #fff;font-family: "微软雅黑";}
#navs a:after{content:"";height: 20px;border-left: 1px #be3131 dotted;position:absolute;right:0;top:0;bottom:0;margin:auto;}
#navs dt:last-child a:after{display:none;}
#navs .on a:after{border:none;}
#navs .on{background: #db141b;}
#navs .on a{color:#fff;}
#menu{font-size: 13px;overflow:hidden;height: 40px;*height:auto;/* line-height: 40px; */background: #fff;font-family: "微软雅黑";padding: 10px 0;}
#menu ul{width: 100%;overflow: hidden;margin: auto;text-align: center;}
#menu li{display: inline-block;*display: inline;padding: 0 30px 0 26px;border-right: 1px #ddd dotted;}
#menu li:last-child{margin:0;border-right:none;}
#menu li a{color: #999;}
#menu li a:hover{color:#ee3535;}

#menu .nav_pd{/* line-height:40px; */overflow: hidden;}
#menu .nav_pd li{padding: 0 7px;border: none;}
#menu .nav_pd a{color: #ff4848;font-family:"微软雅黑";font-size: 12px;}
#menu .nav_pd a:hover{/* color:#888; */}

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

 Footer

-------------------------------- */
/* f-nav */
.f-nav,.f-bd{text-align:center;margin: 20px auto 10px;width: 100%;}
.f-nav{margin-top:40px;}
.f-nav a{padding:0 15px;border-right:1px #d5d5d5 dotted;line-height:1;display:inline-block;font-size:16px;}
.f-bd{/* margin: 0px auto 40px; */}
.f-bd>li{display:inline-block;font-size:12px;padding:0 7px;border-right:1px #d5d5d5 dotted;}

.fs_link{/* width:1200px; */}
.fs_link h6{background: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_youlian.png) no-repeat 10px center;padding-left: 30px;border-bottom: 1px #bfbfbf dotted;line-height: 38px;font-weight: normal;font-family: "微软雅黑";}
.fs_link .link_list{overflow:hidden;margin-top: 12px;padding: 0 0px 0 10px;}
.fs_link .link_list li{float:left;font-size: 12px;margin-right: 50px;line-height: 26px;}
.fs_link .link_list a{}

.ft_logo img{width:98px;height:40px;margin-right:10px;}

.footer{overflow: visible;margin-top: 110px;background: #2e2e2e;}
.footer_con{background: none;padding: 50px 15px 48px;border-bottom: 1px #444 solid;margin-bottom: 28px;overflow: visible;height: 139px;}
.footer_con .right{margin-top: 12px;overflow: inherit;}
.footer_con .right a,.footer_con .right span{font-size:0;display:block;float: left;margin-left: 40px;cursor: pointer;}
.footer_con .qq{width:16px;height:18px;background: url(https://www.ceramicschina.com/Content/ztw2020_img/foot_qq.png) no-repeat;}
.footer_con .qq:hover{background:url(https://www.ceramicschina.com/Content/ztw2020_img/foot_qq_h.png) no-repeat;}
.footer_con .weixin{width:21px;height:18px;background:url(https://www.ceramicschina.com/Content/ztw2020_img/foot_weixin.png) no-repeat;position: relative;}
.footer_con .weixin:hover{background:url(https://www.ceramicschina.com/Content/ztw2020_img/foot_weixin_h.png) no-repeat;}
.footer_con .weixin:hover img{display: block;}
.footer_con .weixin img{display:none;position: absolute;bottom: 35px;right: -35px;max-width: 100px;}
.footer_con .weibo{width:21px;height:18px;background:url(https://www.ceramicschina.com/Content/ztw2020_img/foot_weibo.png) no-repeat;}
.footer_con .weibo:hover{background:url(https://www.ceramicschina.com/Content/ztw2020_img/foot_weibo_h.png) no-repeat;}

.foot{color: #666666;line-height: 14px;height: 75px;overflow: hidden;width: 1200px;margin: 0 auto;font-size: 14px;padding: 0 15px;}
.foot p{margin-bottom:16px;overflow: hidden;}
.foot span{padding-right:25px;border-right:1px #444 solid;margin-right:20px;font-size: 12px;}
.foot span:last-child{border:none;}
.foot a{color:#666;}

/* floor right */
.Floor-r{right:2%;bottom: 25%;position: fixed;z-index: 99;overflow: inherit;}
.suspension{overflow:inherit;}
.suspension .a.a-service-qq{/* background: #51b4fc; */}
.suspension .a.a-service-qq:hover{background: #51b4fc;}
.suspension .a.a-service-weixin{/* background: #68c383; */}
.suspension .a.a-service-weixin:hover{background: #68c383;}
.suspension .a{display:block;width: 50px;height: 50px;background-color: #d9d9d9;cursor:pointer;outline:none;border: none;border-radius: 50px;text-align: center;color: #fff;line-height: 50px;font-size: 32px;margin-bottom: 15px;position: relative;padding: 0;}
.suspension .a img{position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;height: 30px;}
.suspension #retopbtn img{height:38px;}
.suspension .d{display:none;width: 235px;position:absolute;right: 40px;min-height:90px;/* font-family: "Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; */overflow: hidden;}
.suspension .d-service{top:0;}
.suspension .d-weixin{top: 69px;text-align: center;line-height: 20px;font-size: 12px;width: 180px;}
.suspension .d .inner-box{padding: 5px 15px 10px;overflow: hidden;border: 1px solid #E0E1E5;border-radius: 3px;margin-right: 20px;box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);background: #fff;}
.suspension .d-service-item{border-bottom: 1px dotted #ddd;padding: 10px 0;overflow: hidden;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;margin-left: 5px;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background: url(https://www.ceramicschina.com/Content/ztw2020_img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background: url(https://www.ceramicschina.com/Content/ztw2020_img/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size: 13px;margin-left:12px;font-weight: normal;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size: 13px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;padding-left: 5px;overflow: hidden;position: relative;}
.suspension .d-service-intro:before{position:absolute;left: 0;font-size: 12px;line-height: 25px;color: #ccc;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;white-space:nowrap;color:#888;}

/*搜索*/
.ztwSearch{width: 340px;margin: 9px 30px 0 0;position: relative;height: 36px;border: 1px #f0f0f0 solid;box-sizing: border-box;background: #f1f1f1;border-radius: 35px;overflow: hidden;}
.ztwSearch .form .form_left #searchtype{
	position:absolute;
	width: 75px;
	background-image:none;
	height: 100%;
	line-height: 45px;
}
.ztwSearch .form .form_left #searchtype select{
	/*ie下,原默认的箭头样式还是会显示，所以这里把自定义的样式给去除了*/
	background: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_arrows.png) no-repeat 55px center;
	padding: 0 0 0 18px;
	padding: 0px 0 0px 13px \0;
	outline:none;
	border: none;
	height: 35px;
	font-size: 13px;
	width: 70px;
	position: absolute;
	text-align: left;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	left: 0;
	top: 0;
	z-index: 99;
	color: #666;
	box-sizing: border-box;
	}
.ztwSearch .form .form_left #searchtype select option{
	padding:32px;
	min-height: 32px;
	outline: none;
}
.ztwSearch .form h4 {display:none;}
/*------ //搜索框 ---------*/
.search-keyword {
	box-shadow: 0 0 0px 1000px #f1f1f1 inset !important;
	width: 100% !important;
	height: 20px !important;
	line-height: 20px;
	margin: 7px 0px 7px;
	border: 0px !important;
	color: #ccc;
	font-size: 12px;
	background: none;
	float: left;
	border-left: 1px #ddd solid;
	padding: 0 55px 0 20px !important;
	font-family: "微软雅黑";
	box-sizing: border-box;
}
.search-submit {
	width: 50px;
	height: 34px;
	font-size: 0px;
	color:#fafafa;
	border:0px;
	position: absolute;
	/* background: #d20f17; */
	text-align: center;
	line-height: 40px;
	right: 0px;
	top: 0px;
	border-radius: 0px 3px 3px 0;
}
.search-submit:hover{/* background:#d90606; */}
.search-submit input{width:100%;height:100%;background:none;border:none;cursor:pointer;z-index: 9999;position: absolute;right: 0;top: 0;background: url(../ztw2022_img/ztw_sousuo.png) no-repeat center;background-size: 36px;font-size: 0;}
.search-option {
	margin-left:3px;
	margin-right:3px;
	border:#badaa1 solid 1px;
	height:22px;
}

/*广告*/
.gg11 .gg{width: 575px;float: left;border-radius: 3px;overflow: hidden;}
.gg11>div:first-child{margin-right: 20px;}
.gg{position:relative;border-radius: 3px;overflow:hidden;}
.gg:before{content:"";width:32px;height:16px;background: url(https://www.ceramicschina.com/Content/ztw2020_img/gg.png) no-repeat;display: block;bottom: 0;left: 0;position: absolute;z-index: 99;}
.gg img{transition:all 0.4s ease-out;/* -webkit-filter: saturate(0.8); *//* filter: saturate(0.8); */}
.gg img:hover{transform:scale(1.1);-webkit-filter: saturate(1);filter: saturate(1);}



/* btns */
.btns,.btnss{text-align: center;color: #ffffff;display: block;border-radius:3px;float: left;box-sizing: border-box;cursor: pointer;border: none;}
.btns:hover,.btnss:hover{color: #ffffff;}
.btns{background: #f14f56;line-height: 32px;padding: 0 15px;font-size: 14px;width: 90px;}
.btnss{background: #f53232;line-height: 28px;padding: 0 10px;font-size: 12px;width: 70px;}
.btns:hover{background: #fb444c;}
.btnss:hover{background: #fb444c;}

.btnm{background:#ec2830;font-size:18px;width:300px;height:55px;line-height:55px;text-align:center;border: none;color: #fff;border-radius: 3px;margin: 10px auto 0;cursor: pointer;float: none;font-family: "微软雅黑";}
.btnm:hover{background:#f53039;color: #fff;}

/* table */
.inp_txt{width: 270px;height: 35px;line-height: 35px;border-radius:3px;border: 1px #c5c5c5 solid;padding: 0 10px;*padding: 0;color: #666;font-size: 12px;margin: 6px 0;box-sizing: border-box;}
.inp_txt.left21{width: 130px;float: left;}
.inp_txt.right21{width: 130px;margin-left: 10px;float: left;}
.inp_txt.left41{width:72px;margin-right: 5px;}
select.inp_txt{/*取消默认箭头开始*/appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(https://www.ceramicschina.com/Content/ztw2020_img/icon-arrow-down.png) right center #fff no-repeat;padding-right: 30px;padding-right: 0px\9;}
select::-ms-expand{display:none;}

.ui-checkbox{position: relative;color: #999;}
.ui-checkbox input + label{width:14px;height:14px;display: block;float: left;border: 1px #666 solid;box-sizing: border-box;border-radius: 2px;margin: 4px 5px 0 0;}
.ui-checkbox input{opacity: 0;position: absolute;right: 0;}
.ui-checkbox input:checked + label {background-color: #E9ECEE;box-shadow: 0 1px 2px rgba(0,0,0,0.05);}
.ui-checkbox input:checked + label:after {content: '\2714';position: absolute;font-size: 12px;top: 1px;left: 0;color: #4d82cb;width: 14px;text-align: center;}

/* label */
.labels{
	overflow: hidden;
}
.labels li{
  float:left;
  margin-right: 12px;
  margin-bottom: 10px;
}
.labels li a{
  color:#777;
  font-size: 12px;
  border:1px #999 solid;
  height: 32px;
  line-height: 30px;
  display: block;
  padding: 0 7px;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  min-width: 64px;
	*min-width: 40px;
}
.labels li a:hover{
  color: #ff3939;
  border-color: #fd6e6e;
}
.labels li:last-child{
	margin-right: 0;
}

.n_list a{
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}