@charset "utf-8";
/* CSS Document */
body{
  background: url(../2021JY_img/bg.jpg) #f0f0f0;
  padding-bottom: 280px;
}
.main{
	background: #fff;
}
.left{
  float: left;
}
.right{
  float: right;
}
.section{
  margin: 60px 0;
}
.container{
	margin-bottom:0;
}
.title-b{
	background: url(../2021JY_img/title02.png) no-repeat left bottom;
	padding-bottom: 28px;
	color: #1c47c1;
	margin-bottom: 30px;
	position: relative;
}
.mores{
	position: absolute;
	right: 8px;
	font-size: 12px;
	color: #999;
}
.title-b .mores:hover{
	color: #bb924f;
}

.header{
  background: #313131;
  height: 75px;
  position: relative;
  overflow: inherit;
}
.header .float_logo{
  float: left;
  width: 145px;
  height: 75px;
  background: #1743c0;
  position: relative;
}
.header .float_logo img,.header .float_right img{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.header .nav{
  float: left;
  /* margin: 27px 0; */
  margin-left: 30px;
  display:flex;
  gap: 30px;
}
.header .nav li{
	display:flex;
	position: relative;
}
.header .nav a{
  color: #bfad9d;
  padding: 25px;
}
.header .nav a.active,.header .nav a:hover{
  color: #ffd4af;
  text-decoration: underline;
}
.header .nav .tovotes{
  color:#f00;
}
.header .nav .tovotes:hover,.header .nav .tovotes.active{
  color:#f00;
}
.header .float_right{
  float: right;
  width: 103px;
  height: 75px;
  position: relative;
}
.header_con{
	overflow: inherit;
	/* display: flex; */
	/* justify-content: space-between; */
	/* align-items: center; */
}
.header .level2{
	z-index:9999;
	position:absolute;
	top: 100%;
	width: 100%;
	background: #2962e3;
	height:0;
	overflow:hidden;
	text-align: center;
	transition: max-height .3s ease-out;
}
.header .level1:hover .level2{
	height:auto;
	max-height: 80vh;
	overflow: auto;
	transition: max-height .3s ease-in;
    transform-origin: 50% 0;
    animation: slide-down 0.3s ease-in;
    -webkit-animation: slide-down 0.3s ease-in;
}
@keyframes slide-down{
    0%{transform:scale(1,0);}
    100%{transform:scale(1,1);}
  }

  @-webkit-keyframes slide-down{
    0%{-webkit-transform:scale(1,0);}
    100%{-webkit-transform:scale(1,1);}
  }
.header .level2 li{
	text-align:center;
	padding: 0 15px;
}
.header .level2 a{
	padding:8px;
	color:#ffffff;
	width: 100%;
	border-bottom: 1px #7799e1 dashed;
}
.header .level2 li:last-child a{
	border:none;
}

/* banner */
.banner{
  background: url(../2021JY_img/banner-s.jpg) center top no-repeat;
  height: 200px;
}
.ind_banner{
  background: url(../2021JY_img/banner.jpg) center top no-repeat;
}
.ind_banner .publiclist{
  margin-top: 230px;
}
.ind_banner .publiclist .top a{
  border-radius: 3px 3px 0 0;
  background: #1a4298;
  color: #a9b8da;
}
.ind_banner .publiclist .top a:hover{
  background: #234faf;
  color: #c1cce4;
}
.layui-layer-setwin .layui-layer-close1{
	background-position-x: 1px !important;
}
.publiclist .top a{
  width: 210px;
  height: 50px;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  border-radius: 3px;
  font-size: 16px;
}
.publiclist .top a{
  background: #b5b5b5;
  color: #fff;
  margin-left: 20px;
}
.publiclist .top a:hover{
  background: #c7c7c7;
  color: #fff;
}
.publiclist .top a.active{
  background: #bf9c63 !important;
  color: #fff !important;
  margin-left: 50px;
}
.publiclist .top a span:after{
  content: "th";
  font-size: 10px;
  margin-right: 5px;
}

.ind_banner .pplist{
  margin-top: 0;
}
.pplist{
  margin-top: 30px;
  background: #fff;
  padding: 50px;
  border-radius: 3px;
}
.pinpai{
  margin-bottom: 35px;
  border-bottom: 1px #ddd dashed;
  padding-bottom: 15px;
  float: left;
  width: 100%;
}
.pinpai-6{width: 49%;float: left;}
.pinpai-6.right{margin-left:21px;}
.pinpai-6>ul{overflow: hidden;}
.pinpai-6 ul>li{width: 100%;margin-right: 0;}
.pinpai:last-child{
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.pinpai .title,.AboutUs .title{
  background: url(../2021JY_img/title01.png) no-repeat left top;
  height: 33px;
  padding-left: 75px;
  font-size: 16px;
  color: #2f50ae;
  line-height: 18px;
  margin-bottom: 25px;
}
.pinpai ul{}
.pinpai li{
  width: 49%;
  width: 48%\0;
  margin: 0 2% 2% 0;
  margin: 0 1% 2%\0;
  float: left;
  background: #f1f1f1;
  padding: 10px 15px;
  box-sizing: border-box;
}
.pinpai li:nth-child(2n){
  margin-right: 0;
}
.pinpai .imgbox{
  width: 154px;
  height: 70px;
  background: #fff;
}
.pinpai .right{
  width: 323px;
  font-size: 12px;
}
.pinpai .right .inf{
  display:-webkit-box;/*对象作为伸缩盒子模型显示*/
  -webkit-box-orient:vertical;/*设置或检索伸缩盒对象的子元素的排列方式*/
  -webkit-line-clamp:2;/*显示行数*/
  text-align: justify;
  margin: 6px 0 2px;
  max-height: 40px;
}
.pinpai .right .inf span{
  font-weight: bold;
  font-size: 14px;
  color: #333;
  margin-right: 10px;
}
.pinpai .right p{
  text-align: right;
}
.more{
  color: #f24242;
}
.more:hover{
  color: #f75959;
}

/*  */
.Floor-r{
  background: rgba(255,255,255,0.95);
  background: #fff\0;
  padding: 0px 20px;
  font-size: 12px;
  text-align: center;
  bottom: 20%;
}
.Floor-r button,.Floor-r a{
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  padding: 5px 0;
  display: block;
  box-sizing: border-box;
  margin: 10px 0;
}
.Floor-r button{
  height: 45px;
}
.kefu:hover:before{
	content: "";
	background: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_ewm.jpg) center no-repeat;
	display: block;
	width: 94px;
	height: 94px;
	background-size: 94px;
	position: absolute;
	bottom: -100px;
	left: 0;
	right: 0;
	margin: auto;
}

/* footer */
.footer{
    background: #fff;
    text-align: center;
    margin-top: 60px;
}
.footer .con01{
  padding: 40px 0;
}
.foot{
    text-align: center;
    padding: 33px 0;
    color: #8d9ecc;
    background: #0b2468;
    width: 100%;
    height: 100px;
    font-size: 12px;
}
.foot a{
	color: #8d9ecc;
}
.foot a:hover{
	color: #b4c0e2;
}
.foot p{
  margin-bottom: 8px;
}

/* video */
.videoPlay{
	background: #000;
}
.video>.right{
  width: 320px;
}
.video .info{
	background: #d6d6d6;
	padding: 40px 30px;
	height: 370px;
}
.video .v-tit{
	font-size:20px;
	line-height:1.3;
	color: #333;
}
.video .v-tit:after{
	width:30px;
	height:3px;
	background: #1c47c1;
	content:"";
	display:block;
	margin: 20px 0 15px;
}
.video .v-con{
	font-size: 14px;
	line-height: 1.8;
	max-height: 180px;
	margin-bottom: 6px;
}
.video .more{
	float: right;
}

/* Huaxu */
.Huaxu .picList li{
    width: 31.5%;
    margin: 0 2.7% 25px 0;
    margin: 0 0.9% 25px\0;
    float: left;
}
.Huaxu .picList{
	height: 630px;
	height: 520px\0;
	overflow: hidden;
}
.Huaxu .picList .imgbox{
    height: 235px;
}
.Huaxu li:nth-child(4).imgbox, .Huaxu li:nth-child(5).imgbox{
    height: 345px;
    width: 48.5%;
    /* margin-bottom: 0; */
}
.Huaxu li:nth-child(3n),.Huaxu li:nth-child(5n){
	margin-right: 0 !important;
}

/* newslist */
.newslist{
	/* margin-top: 60px; */
}
.newslist .hotlist{
	margin-bottom: 20px;
}
.hotlist{box-sizing: border-box;}
.hotlist .left{/* width: 275px; */float: left;position: relative;}
.hotlist>.right{margin-left: 25px;width: 350px;float: left;}

.hotlist .left>a{
  position: absolute;
  word-break:break-all;
  text-overflow:ellipsis; /*显示为省略号*/
  display:-webkit-box;/*对象作为伸缩盒子模型显示*/
  -webkit-box-orient:vertical;/*设置或检索伸缩盒对象的子元素的排列方式*/
  -webkit-line-clamp:1;/*显示行数*/
  height: 40px;
  line-height: 40px;
  z-index: 99;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  background: #333\0;
  color: #fff;
  padding: 0 12px;
  width: 100%;
  text-align: center;
}
.hotlist .imgbox{width: 270px;height: 175px;}

.tit{color: #9d7d4e;font-size: 16px;line-height: 24px;display: inline-block;/* margin-bottom: 5px; */margin-top: 8px;font-family: "微软雅黑";position: relative;width: 100%;}
.hotlist .link{overflow: hidden;margin-bottom: 4px;}
.hotlist .right>.right{float:right;margin-top: 6px;}
.hotlist .right>.right a{color:#ccc;}
.hotlist .right>.right a:hover{color: #ff4242;}
.hotlist li{position: relative;height: 28px;overflow: hidden;}
.hotlist a{font-size: 13px;box-sizing: border-box;overflow: hidden;bottom: 0;line-height: 20px;}

.newslist li a{
    white-space:normal;
    height:auto;
    word-break:break-all;
    text-overflow:ellipsis; /*显示为省略号*/
    display:-webkit-box;/*对象作为伸缩盒子模型显示*/
    -webkit-box-orient:vertical;/*设置或检索伸缩盒对象的子元素的排列方式*/
    -webkit-line-clamp:1;/*显示行数*/
    text-align: justify;
    line-height: 28px;
    font-size: 14px;
    }

.newslist>.left,.newslist>.right{
	height: 400px;
}
.newslist>.right{
	padding-left: 20px;
	position: relative;
}
.newslist .zhishi{
	width: 460px;
}
.newslist .zhishi i{
	background: rgba(49,85,189,0.9);
  background: #3154bf\0;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 99;
	color: #fff;
	font-style: normal;
	width: 113px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	padding-left: 20px;
	box-sizing: border-box;
}
.newslist .zhishi .imgbox{
	height: 290px;
}
.newslist .zhishi .title{
	margin: 15px 0 8px;
	position: relative;
}
.newslist .zhishi .title a{
	color: #333;
	font-size: 16px;
}
.newslist .zhishi .text{

position: relative;

height: 35px;

font-size: 12px;
}
.newslist .zhishi .more{
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
	padding-left: 15px;
	line-height: 16px;
}
.jiaju li{
	width: 25%;
	float: left;
	padding-right: 30px;
	box-sizing: border-box;
	overflow: hidden;
	height: 24px;
}
.jiaju li a{
	line-height: 24px;
}

/* xinpin */
.xinpin{
    position: relative;
    margin-top: 30px;
}
.xinpin i{
	background: rgba(49,85,189,0.9);
  background: #3154bf\0;
	height: 35px;
	line-height: 35px;
	width: 96px;
	display: block;
	color: #fff;
	text-align: center;
	font-style: normal;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 99;
	font-size: 16px;
}
.xinpin li{
	width: 25%;
	height: 190px;
	float: left;
}
.xinpin li .imgbox{
	width: 100%;
	height: 100%;
}
.xinpin li .imgbox:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 98;
	position: absolute;
	background: rgba(0,0,0,0.5);
}
.xinpin li i{
	background: none;
	color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1.4;
	margin: auto;
	width: 87%;
	height: max-content;
	font-size: 14px;
}
.xppic{
	overflow:hidden;
}
.xinpin li:hover .imgbox:before,.xinpin li:hover i{
	display: none;
}

/* DLCG */
.DLCG{
	background: none;
	margin-top: 40px;
}
.DLCG .left{}
.DLCG .left,.DLCG .right{
	width:48%;
}
.ZSlist{
	height: 140px;
	margin-top: 10px;
}
.ZSlist li{
	margin-bottom: 7px;
}
.ZSlist a{
	color: #999;
	font-size: 13px;
}
.ZSlist a:hover{
	text-decoration: revert;
}
.ZSlist span{
	margin:0 4px;
}
.ZSlist li span:first-child{
	margin-left: 0;
}
.ZSlist span.JM_n{
	color: #666;
}
.ZSlist span.JM_b{
	color: #3382da;
}
.ZSlist span.t-org{
	color: #ee6f51;
}

/* Huaxu */
.Huax{
	min-height: 600px;
}
.Huax li{
	width: 32%;
	padding: 1% 2% 1% 0;
	height: 220px;
	padding: 1%\0;
	width: 31%\0;
}
.Huax li:nth-child(3n){
	padding-right: 0;
}
.Huax li .imgbox{
	background: #dedede;
}
.Huax li .imgbox i{
	font-size: 18px;
}
.Huax li .imgbox i:before,.Huax li .imgbox i:after{
	border-bottom: 1px #cacaca solid;
	content: "";
	height: 1px;
	width: 40px;
	display: inline-block;
	margin: 5px 15px;
}
.Huax li .imgbox i:before{
	margin-left: 0;
}
.Huax li .imgbox i:after{
	margin-right: 0;
}

/* News */
.News .imgbox:before{
	background: none !important;
}
.News li>a{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	overflow: hidden;
}
.News li{
	height: auto;
}
.News li .imgbox{
	height: 220px;
}
.News li.on {
    background: #bf9c63 !important;
    color: #fff !important;
    margin-left: 50px;
}
.News .hd li{
    background: #b5b5b5;
    color: #fff;
    width: 14.6%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 3px;
    margin: 20px 1%;
    padding-right: 0;
    padding-left: 0;
    cursor: pointer;
}

/* AboutUs */
.AboutUs .col_full{
	margin: 0;
	padding: 0 50px;
}
.AboutUs .left{
	width: 45%;
	margin-left:50px;
}
.AboutUs .right{
	width: 45%;
	margin-right:50px;
}
.AboutUs strong{
	color: #1c47c1;
}
.AboutUs .info p{
	margin-bottom: 10px;
	line-height: 1.68;
}
.AboutUs .title{
	margin: 30px 0 15px;
}
.AboutUs .info2{
	margin: 10px auto 30px;
}
.AboutUs .title-b{
	margin-top: 40px;
}
.AboutUs .info2 p{
	margin-bottom: 10px;
}
.AboutUs .info2 b{
	color: #333;
}

.rexian{
  text-align: center;
  margin-top: 50px;
}