body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,
fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
li{list-style:none;text-align:left;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}
body{font:12px/1.5 '\5b8b\4f53',SimSun,Arial,Tahoma,Helvetica,san-serif;}
body
{
	
	text-align: center;
	
	min-width: 1200px;
}
p
{
	text-align: left;
	text-indent: 24px;
	text-align: justify;
	text-justify: distribute;
}
a
{
	text-decoration: none;
}
a,a:link,a:visited
{
	color: #000;
}
a:hover,a:active
{
	color: #000;
	text-decoration: underline;
}
li span
{
	margin-top: 1px;
	display: block;
	width: 100%;
	float: left;
}
.buding
{
	width: 100%;
	height: 10px;
	overflow: hidden;
	clear: both;
}
#bottom
{
	width: 100%;	
	color: #804f21;
	background: #f1f1f1;
	padding-top: 15px;

	clear: both;
}
#bottom a,
#bottom a:link,
#bottom a:visited,
#bottom a:hover,
#bottom a:active
{
	color: #804f21;
}

.fl
{
	float: left;
}
.fr
{
	float: right;
}
.mt
{
	margin-top: 10px;
}
.ml
{
	margin-left: 6px;
}
.mr
{
	margin-right: 8px;
}
.bor
{
	border: 1px solid #D7D7D7;
}

.font12{
	font: 12px/24px '\5b8b\4f53';
}
.font14{
	font: 14px/30px '\5b8b\4f53';	
}
.layer43 .font16{
		
}
h1{
	line-height: 30px;		
}
.fwb{
	font-weight: bolder;
}
.ohd{
	overflow: hidden;
}
.dbk{
	display: block;
}
.pd10{
	padding: 10px;
}
.w958{
	width: 958px;
	margin: 0 auto;
}
.w96{
	width: 960px;
	margin: 0 auto;
}
.w94{
	width: 940px;
	clear:both;

}
.w124{
	width: 1240px;
	margin: 0 auto;
}
.list01 li{
	font: 14px/24px '\5b8b\4f53';
}
.col1{
	color: #8f8f8f;
}
.vs{
	font-family: '\5fae\8f6f\96c5\9ed1';	
}
.tit{
	height: 33px;
}
.tit span{
	font: bold 20px/33px '\5fae\8f6f\96c5\9ed1';
	float: left;	
}
.tit1{
	height: 33px;
	background: url(../images/tit5ynw.jpg) no-repeat top left;
}
.ht{
	font-family: '\9ed1\4f53';
}
.yh{
	font-family: '\5fae\8f6f\96c5\9ed1'; font-size:16px; font-weight:bold
}
.re{
	position: relative;
}
/*general end*/
/*particular*/


.bg1{ background: url(2022cyjimg_01.jpg) no-repeat center; line-height: 0px; width: 100%; height: 979px; max-width: 1920px; clear: both;margin: 0px auto }
.bg1m{ display: none; }
.bg2{ background: url(2022cyjimg_1s.png) no-repeat center; width: 100%; max-width: 1200px; height: 250px;  clear: both;margin: 30px auto}
.bg2char{width: 960px; margin: 0px auto; font-size: 20px; color: #5e5e5e; line-height: 50px; padding: 20px; text-align: left; display: none;}
.bg3{ background: #f5f5f5; width: 100%; overflow: hidden; max-width: 1920px;clear: both; margin: 0px auto}
.bg4{ background: url(2022cyjimg_03.png) no-repeat center; width: 100%; overflow: hidden; max-width: 1920px;clear: both; margin: 0px auto}
.bg5{ background:#f5f5f5 url(2022cyjimg_05.png) no-repeat bottom; width: 100%; overflow: hidden; max-width: 1920px;clear: both; margin: 0px auto}
.bg51{ background: url(2022cyjscbool.png) no-repeat bottom; width: 865px; padding: 100px; height: 454px; margin: 40px auto}
.lyr51{ width: 352px; float: left; margin-left: 50px; } 
.lyr51 li{ margin: 20px 0px; padding-left: 30px; }
.lyr51 li.act{  background:url(2022cyjarrow2.png) no-repeat left; }
.lyr52{ width: 370px; float: right; padding-right: 20px; padding-top: 100px; }
.lyr521{ width: 100%; line-height: 40px; color: #3f3635 ;font-size: 20px; display: none; }
.lyr521 h3{ font-size: 28px; font-weight: bold; }
.lyr521 b{ font-size: 12px; font-weight: normal; width: 100%; display: block; clear: both; margin-bottom: 20px; }

.laytit{ width: 100%; max-width: 1200px; margin: 20px auto  }
.nav1{ background: url(2022cyjlinbg.png) repeat-x center; width: 100%; max-width: 1200px; margin: 0px auto; height: 80px; font-family: '\5fae\8f6f\96c5\9ed1'; }
.nav1 ul{ width: 80%; margin: 0px auto }
.nav1 li{ background: #fff; margin: 0px 20px;  float: left; padding: 20px 50px; font-size: 30px; color: #aeabab}
.nav1 li.act{  background:#fff url(2022cyjarrow1.png) no-repeat top; color: #3f3635 }

.lyr11{ width:600px; height: 360px; float: right;  overflow: hidden;  }
.lyr12{ width: 465px; padding-left: 20px;float: left; color: #7c6e5b }
.lyr12 h3{ font-size: 22px; line-height: 60px; }
.lyr12 h3 a{ color: #7c6e5b }
.lyr12 p{ font-size: 14px; line-height: 30px; color: #60472c; padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px dashed #e8a8a1}
.lyr12 li{ font-size: 16px; line-height: 60px;color: #7c2304 }
.lyr12 li a{color: #7c2304}


.lyrzq1{ background: url(2022zqbg23.png) no-repeat center; width: 1234px; height: 354px; margin: 0px auto }
.lyrzq1 p{  width: 700px; float: left; margin-left: 170px; font-size: 20px; line-height: 40px;  font-size: 20px; margin-top: 40px; clear: both; }
.more3{  width: 200px; margin: 20px auto; border: 1px solid #ff0000; line-height: 34px; padding: 5px 20px; clear: both; font-size: 20px;
color: #ff0000; }
.more3 a{color: #ff0000}
.lyr21{ width:25%; float: left; text-align: center; margin:20px 0px;}
.lyr4{ background: url(2022zqbg2.png) no-repeat center; width: 850px; padding: 50px 100px; margin: 0px auto; height: 553px; }
.lyr41{ float: left; width: 17%; margin-top: 60px; }
.lyr41:nth-child(3){ margin-right:40px; }

.bg4char{  width: 900px; margin: 0px auto; padding-top: 250px; }

.lyr51{ float: left; text-align: center; margin: 20px;  }
.lyr11 .slideBox{ width:600px; height:360px; overflow:hidden; position:relative; }
.lyr11 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:10px; z-index:111; }
.lyr11 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.lyr11 .slideBox .hd ul li{ float:left; margin-right:10px;  width:6px; height:6px; border-radius: 6px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.lyr11 .slideBox .hd ul li.on{ background:#fbab57; color:#fff; width: 18px; }
.lyr11 .slideBox .bd{  height:100%; z-index:0;   }
.lyr11 .slideBox .bd li{ zoom:1; vertical-align:middle;  display: block;position:relative;}
.lyr11 .slideBox .bd img{ width:600px; height:360px; display:block;  }
.lyr11 .slideBox .bd .tit{ position: absolute; bottom: 0;display: block; font-size: 16px;width: 100%;
	height: 40px;
	line-height: 40px;
	color: white;
	background-color: black;
	filter: alpha(opacity=70);
	opacity: 0.7; text-indent: 20px;	
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 15; text-align: center;}
.lyr11 .slideBox .bd .tit a{ color: #fff;  }
.more1{ float: right; text-align: right; width: 100%; clear: both; padding-right: 20px; }
.gb_2018_yjxx{ width:650px; height:100px; margin:0px auto; margin-top:16px; padding-bottom: 20px}
.gb_2018_yjlogo{ width:215px; height:100px; background:url(gb_2020_yj_logo.png); float:left;}
.gb_2018_yjxx2{ width:410px; height:65px; float:left; margin-top:20px; color: #804f21; margin-left:20px; font-family:"宋体"; font-size:12px; line-height:24px; text-align:left;}

.layertin{ width: 100%; max-width: 1200px; height:160px;   margin: 10px auto; clear: both; }
.layertin2{ width: 100%; max-width: 1000px; height:73px;   margin: 40px auto; clear: both; }
.layerin{ width: 100%; max-width: 1200px;  margin: 0px auto; clear: both;}

.space{ width: 100%; height: 40px; clear: both; }


.main-group{
	width:100%;
height: 540px;
margin: 80px auto; 
	display: flex;
	justify-content: center;
	align-items: center;
}

.content{
	width:1200px;
	height:540px;
	display: flex;
}

.item-group{
	display: flex;
	justify-content: center;
	align-items: center;
	height:540px;
	position: relative;
	width: 120px;

	overflow: hidden;
	transition: all .4s;
}
.item-group .title{
	width:180px;
	height:540px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
left: 10px;
	position: absolute;
	cursor: pointer;
	z-index: 1;transition:all .7s ease 0s;
}
.item-group .title:hover{
	}
.item-group .desc{
	box-sizing: border-box;
	height: 540px;
	background: #fff;
	padding:10px 10px 10px 90px ;
	color: #666;
	flex: 1;
	opacity: 0;
	transition: all 0.4s;
	margin-left: 35px;
	border: 1px solid #9f433a;
	border-radius: 40px;
}

.item-group .desc:hover{
	background: #fdebe9

}
.item-group .desc p{
	padding: 10px;
	
	font-size: 20px;
}
.item-group .desc .btn{
	margin-top:30px;
	display: inline-block;
	padding:10px 30px;
	border-radius: 20px;
	color: #fff;
	background: #ee6475;transition:all .7s ease 0s;
}
.item-group .desc .btn:hover{	
	background-color: #222
}


.item-group.self{
	width:58%;
}

.item-group.self .desc{
	opacity: 1;
}
.item-group.self .img img{
	opacity: 1;
}

/* .item-group .desc, .item-group .img{
	width: 0;
	overflow: hidden;
	opacity: 0;
	transition: all 1s;
}
.item-group .desc{
	width: 36px;
	padding:0;
}

.item-group.self .desc, .item-group.self .img{
	width: auto;
	opacity: 1;
}
.item-group.self .desc{
	padding:30px 30px 30px calc(30px + 36px);
} */

.re{
	position: relative;
}
.re span{
		width: 100%;
	height: 40px;
	line-height: 40px;
	color: white;
	background-color: black;
	filter: alpha(opacity=70);
	opacity: 0.7; text-indent: 20px;	
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 15; 
}
.re span a{
	color: white!important;}

@media screen and (max-width: 768px){

.bg1m{display: block; width: 100%;}
.bg1m img{ width: 100% }
.bg2{ height: auto;  }
}
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2022-09-28 17:49:40" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->