@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢ÈíÑźÚ";}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢ÈíÑźÚ", SimSun, "ËÎÌå", STXihei, "»ªÎÄϸºÚ", Heiti, "ºÚÌå", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none; outline:none; border:0}
a:hover{color:#c30d23;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}




.header{ position:fixed; top:0; width:100%; left:0; z-index:99;transistion:all 0.6s; background:#fff;display: flex;   justify-content: space-between;   align-items: center; border-bottom:#f4f4f4 1px solid  }
.logo img{ height:43px; width:auto; padding-left:60px; padding-right:20px}

.header .zuo{display: flex;align-items: center; }
.header .you{display: flex;align-items: center; }

.nav_search {
	display:block;
	width: 90px;
	height: 80px; text-align:center;
	border-left:#e5e5e5 1px solid;
	border-right:#e5e5e5 1px solid;
	line-height:80px;
	
	

	
}
.nav_search  i{font-size:20px}
.search_rt {
	position:relative;

}
.search {
	width: 240px;
	z-index: 999;
	position:absolute;
	top: 80px;
	right: 0px;
	background: #fff;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
	display: none;
}
.search form {
	position: relative;
	border: 1px solid #c30d23;
}
.search form .btn {
	display: block;
	width: 25%;
	height: 35px;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	outline:none;
	background:#c30d23 url(/theme/default/static/images/sou.png) center no-repeat; background-size:18px auto;
}

.search form .keyword {
	width: 75%;
	height: 35px;
	border: none;

	padding: 0 10px;
	font-size: 14px;
	box-sizing:border-box;
	outline:none;
}


.deng a{ display:block; line-height:80px; width:90px; text-align:center; font-size:18px}
.zhen { background:#c40000; line-height:80px; width:280px; text-align:center; font-size:18px}
.zhen img{ vertical-align:middle; padding-right:5px}
.zhen a{ color:#fff;}





.banner1{ position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; z-index:0}
.banner1 img{ position:absolute; width:100%; height:calc(100% - 80px) ; object-fit: cover; left:0; bottom:0;}

.by1{ position:absolute; width:100%; text-align:center; z-index:2; top:50%; transform:translateY(0);transition:all 1s ease-in-out; opacity:0;

animation-name: example;
  animation-duration: 1s;
  animation-direction: alternate;}
.active  .by1{ opacity:1; transform:translateY(-50%); transition-delay:0.2s;}

@keyframes example {
  0%   {transform:translateY(0); opacity:0}
  100% {transform:translateY(-50%); opacity:1 }
}


.by1 img{ width:90%; height:auto; max-width:1490px;}




.header .an{ position:absolute; right:3%; top:15px;height:18px; width:30px; display:none; float:right}
.header .an span{width:30px; height:2px; background-color:#333; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}



.header .nav ul>li{height:80px; width:auto; padding:0 0px; line-height:80px; float:left; text-align:center;position:relative; text-transform:uppercase; }


.header .nav i{font-size:14px; line-height:90px; text-align:right; position:absolute;height:80px; right:10px; top:0px; display:none;  }

.header .nav ul li a{line-height:80px; color:#333; padding:0 40px;   display:block; font-size:18px; position:relative}
.header .nav ul li a:after{ content:""; width:0; opacity:0; height:2px; background:#c30d23; position:absolute; bottom:0; left:50%; transform:translateX(-50%);transition:all 0.6s}
.header .nav ul li:hover a{ color:#c30d23}
.header .nav ul li:hover a:after{ content:""; width:100%; opacity:1; transition:all 0.6s}


.header .nav ul li.on a{color:#c30d23}
.header .nav ul li.on a:after{ content:""; width:100%; opacity:1; transition:all 0.6s}


@media only screen and (max-width:1600px){
.header .nav ul li a{line-height:80px; color:#333; padding:0 30px;   display:block; font-size:14px; position:relative}

	.nav_search {
	display:block;
	width: 70px;

	
}
.nav_search  i{font-size:20px}
.deng a{  width:70px;  font-size:14px}
.zhen {  width:200px; text-align:center; font-size:14px}


	
	
}


@media only screen and (max-width:1300px){
.header .nav ul li a{ padding:0 10px}

.logo img{ padding-left:20px; padding-right:20px}
}




@media only screen and (max-width:1024px){
	
.header{padding:0px 5px; height:50px; position:fixed; top:0; width:100%; box-sizing:border-box;  z-index:9999;}

.header .you{ position:fixed; right:100px}

.nav_search{line-height:50px; height:50px}
	.nav_search  i{
	
	line-height:50px;

	
}

.deng a{  line-height:50px; font-size:14px}
.zhen {  line-height:50px;}




.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background:rgba(255,255,255,0.9); top:0; right:0; margin:0; margin-top:50px; overflow:auto;z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}
.header .nav ul li a.o_lm{ padding:0 0;  display:block;}
.header .nav i{display:block; color:#666;  top:0; right:20px; line-height:50px; height:50px}
.header .nav ul li{width:100%; height:auto; text-align:left; font-size:16px; display:block; margin:0; padding:0 20px; box-sizing:border-box;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li:hover  i{ color:#666}
.header .nav ul li i{color:#666}

.header .nav ul li a:after{ content:none; }
.header .nav ul li:hover a:after{content:none;  }

.header:hover .nav ul li:hover a{ background:none; color:#333}

.header .nav ul li a{line-height:60px; color:#333; text-align:center; font-size:16px}
.header .nav ul li:hover a{color:#333; background:none;}
.header .nav .y_j{border-bottom:1px solid #f1f1f1;}
.header .nav .e_j{padding:10px 0px; border-bottom:0px solid #666;box-shadow:none; overflow:hidden; border-top:0; background:none; position:inherit; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}

.header .nav .e_j ul li a{ color:#666; padding:0}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}


.logo img{ padding-left:20px; padding-right:0px}

.banner1 img{  height:calc(100% - 50px); }

}



@media only screen and (max-width:768px){
	
.header .you{ display:none;}	

.logo img{ padding-left:10px; height:30px;}


	
}


.arrow {
	opacity:1;
	animation:arrow 3s cubic-bezier(.5,0,.1,1) infinite;
	-webkit-animation:arrow 3s cubic-bezier(.5,0,.1,1) infinite;
	position:absolute;
	bottom:10%;
	left:50%;
	transform:translateX(-50%);
	width:60px;
	height:60px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-size:100%;
	z-index:9;
	border:#333 2px solid;
	border-radius:100px;
	 text-align:center;
	
	


}
.arrow i{ color:#333; line-height:60px; font-size:30px}
.arrow:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused
}
@keyframes arrow {
	%0,%100 {
	bottom:10%;
	opacity:1
}
50% {
	bottom:8%;
	opacity:.8
}
}
@-webkit-keyframes arrow {
	%0,%100 {
	bottom:10%;
	opacity:1
}
50% {
	bottom:8%;
	opacity:.8
}
}


 .bpic{ width:65%; height:100%; float:right; position:relative; overflow:hidden}
 .bpic img{ position:absolute; width:100%; height:100%; left:0; bottom:0;object-fit: cover; }
 
.bzi{ width:100%; padding:0 20%;  transform:translateY(-100%);transition:all 0.6s ease-in-out; opacity:0; overflow:hidden; position:absolute; left:0; top:50%; box-sizing:border-box}
.active .bzi{ opacity:1; transform:translateY(-50%); transition-delay:0.2s;}

.hong{ background:#c21729;width:35%; height:100%; position:absolute; left:0 }
.hei{background:#000;width:35%; height:100%; position:absolute; left:0  }



.jindu{ width:90px; height:90px; display:block; margin:0 auto;  position:relative; margin-bottom:30px; overflow:hidden}
.jindu img{ width:100%; height:auto}
.shu{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); text-align:center; z-index:0 }
.shu h1{ color:#c21729; font-size:16px}
.shu h2{ color:#fff; font-size:16px}
.shu em{ display:block; width:30px; height:2px; background:#a1a1a4; margin:5px auto}


.bzi h3{ display:block; text-align:center; color:#fff; font-weight:bold; font-size:40px; margin-bottom:10px}

.bzi span{ color:#fff; font-size:16px; line-height:35px; text-align:center; display:block}


.bzi p{ display:block; margin:60px auto; font-size:14px; line-height:35px; max-height:105px; color:rgba(255,255,255,0.7);display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden
}


.hei .more a{background:#c21729; }

.more a{ display:block; margin:0 auto; background:#14171c; width:120px; line-height:40px; border-radius:5px; text-align:center; color:#fff; font-size:16px;transition:all 0.6s; position:relative; z-index:9999}
.more a:hover{ background:#fff; color:#14171c; transition:all 0.6s}


@media only screen and (max-width:1200px){
	
.bpic img{ position:absolute; height:100%; width:auto; top:0; left:50%; transform:translateX(-50%);}
.bzi h3{  font-size:32px; margin-bottom:10px}
	
.bzi span{  font-size:14px; line-height:25px;}
	
.bzi p{  margin:40px auto; font-size:12px; line-height:25px; max-height:75px; color:rgba(255,255,255,0.7);display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden
}
.more a{ font-size:14px}

}

@media only screen and (max-width:1024px){
	
.hong{ width:50%; z-index:2 }
.hei{width:50%;z-index:2 }

.bzi h3{  font-size:25px; margin-bottom:10px}
	

}

@media only screen and (max-width:768px){
	
.hong{ width:100%;   z-index:2; background:none;background-image: linear-gradient(0deg, rgba(194,23,41,0.7),transparent); }
.hei{width:100%;z-index:2;background:none;background-image: linear-gradient(0deg, rgba(0,0,0,0.7),transparent); }

.active .bzi{ opacity:1; transform:translateY(0); bottom:5%; top:auto; transition-delay:0.2s;}

.bpic{ width:100%}
.jindu{ display:none;}
}

#lib_Tab1{width:96%; margin:0px auto; max-width:1800px;}
#lib_Tab1 .lib_Menubox { float:left; width:270px; padding-left:100px; box-sizing:border-box}
#lib_Tab1 .lib_Menubox li{cursor:pointer;width:100%;color:#14171c; height:135px;line-height:135px; font-size:20px}
#lib_Tab1 .lib_Menubox li.hover{padding:0px;width:100%;color:#c21729;height:135px;line-height:135px; position:relative;}
#lib_Tab1 .lib_Menubox li.hover:after{ content:""; position:absolute; width:16px; height:3px; background:#c21729; left:0; top:65%;}
#lib_Tab1 .lib_Contentbox{ float:right; width:calc(100% - 270px) }

.syxwlb ul li{ border-left:#c9c9c9 1px solid; padding:50px 85px; box-sizing:border-box; float:left; width:50% }
.syxwlb ul li a{display: flex; justify-content: space-between;  }
.syxwlb ul li .date{ width:70px; text-align:center; }
.syxwlb ul li .date h1{ font-size:26px; color:#14171c; font-weight:bold; display:block;}
.syxwlb ul li .date h1 em{ display:block; font-style:normal;font-size:20px; font-weight:normal}
.syxwlb ul li .date span{ display:block; width:30px;line-height:30px; margin:0 auto; margin-top:20px; border:#bfbfbf 2px solid; text-align:center; border-radius:30px; color:#afafae;transition:all 0.6s}

.xwzi{width:calc(100% - 100px) }
.xwzi h3{ display:block; color:#c21729; font-size:20px; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-weight:normal; margin-bottom:15px;}
.xwzi p{ display:block; font-size:14px; color:#999; line-height:30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}

.syxwlb ul li:hover .date span{ background:#c21729; color:#fff; border:#c21729 2px solid; transition:all 0.6s}




@media only screen and (max-width:1400px){
	
#lib_Tab1 .lib_Menubox{ float:none; width:100%; padding:0; overflow:hidden; margin-bottom:10px;}
#lib_Tab1 .lib_Menubox li.hover:after{ top:auto; bottom:0}
#lib_Tab1 .lib_Menubox li{ float:left; width:25%; line-height:50px; height:50px; font-size:16px;}
#lib_Tab1 .lib_Menubox li.hover{ width:25%;line-height:50px; height:50px;}
#lib_Tab1 .lib_Contentbox{ float:none; width:100%}
	
}


@media only screen and (max-width:992px){
#lib_Tab1 .lib_Menubox li{ font-size:14px;}
	.syxwlb ul li{ border:0; padding:15px 0; float:none; width:100%;border-bottom:#c9c9c9 1px solid;}
	
	.syxwlb ul li .date{ width:60px; text-align:center; }
.syxwlb ul li .date h1{ font-size:20px; }
.syxwlb ul li .date h1 em{ font-size:14px; }
.syxwlb ul li .date span{  width:24px;line-height:24px;  margin-top:10px; border:#bfbfbf 1px solid; }

.xwzi{width:calc(100% - 70px) }
.xwzi h3{  font-size:14px;  margin-bottom:10px;}
.xwzi p{  font-size:12px;  line-height:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}

.syxwlb ul li:hover .date span{  border:#c21729 1px solid;}

	
	}


.footer{ background:#14171c; border-top:#c21729 10px solid; padding-bottom:70px;}
.foot1{ text-align:center; padding:80px 0}
.foot1 a{ display:inline-block; color:#a1a1a1; padding:0 20px; border-right:#909091 2px dotted; font-size:16px;}
.foot1 a:hover{ color:#fff; transition:all 0.2s}
.foot2{ width:96%; margin:0 auto; max-width:1400px; display: flex;   justify-content: space-between;    }

.dtel{ display: flex;align-items: center; width:280px }

.dtel img{ width:50px; height:auto}
.dtel h3{ display:block; color:#c21729; font-size:26px; font-style:normal}
.dtel h3 span{ color:rgba(255,255,255,0.8); font-size:14px; display:block }

.dbanquan{border-right:#909091 2px dotted;border-left:#909091 2px dotted; padding:0 50px; font-size:14px; line-height:25px; color:#a1a1a1; margin:0 50px; width:calc(100% - 810px);text-align:center }
.dbanquan a{ color:#a1a1a1;}


.dlogo{ width:430px;display: flex;align-items: center; }
.dlogo img{ height:51px; width:auto}



@media only screen and (max-width:1400px){
	.dtel{ width:200px}
	.dtel img{ width:40px; height:auto}
	.dtel h3{  font-size:20px; }
	.dbanquan{ width:calc(100% - 730px)}
}



@media only screen and (max-width:1200px){
	
	.footer{ padding:40px 0}
	.foot1{ display:none;}
	.dlogo{ display:none;}
	.dbanquan{ border-right:0;width:calc(100% - 400px); }

	
}


@media only screen and (max-width:992px){
	
	.dtel{ margin:0 auto}
	.footer{ padding:20px 0;border-top:#c21729 2px solid;}
	.foot2{ display:block;}
	.dbanquan{ border:0;border-top:#909091 2px dotted; font-size:12px; line-height:23px; margin:0; padding:0; width:100%; margin-top:15px; padding-top:15px;}

}

/*ÏçÏÍÔƹÝ*/

.jiange{ height:81px; overflow:hidden}

#page-search-store{ width:96%; margin:0 auto; max-width:1400px;}
.search-by{
	padding:0;
	width: 100%;
}
.search-by dl{
	width: 100%;
	padding: 10px 0;
	line-height: 30px;
    overflow: hidden;
}
.search-by dl dt a{
	font-weight: inherit;
	color: #333;
	line-height: 30px;
}


.search-by dl dt{
	width: 90px;
	text-align: center;
	margin: 0;
	font-size: 14px;
	float:left;
	color:#333;
	font-weight:bold
}
.search-by dl dd a{
	color: #333;
	font-size: 14px;
	line-height: 30px;
	padding:0 20px;
	display: inline-block;
}
.search-by dl dd a:hover{color:#c40000}

.search-by dl dd{
	width:calc(100% - 160px);
	font-size: 14px;
	height: 30px;
	overflow: hidden;
	float:left
}
.search-by dl dd.show-more{
	width: 60px;
	padding: 0;
	text-align:center;
	cursor: pointer;
	border:#c40000 1px solid; box-sizing:border-box; border-radius:5px;
	line-height: 25px;
	height:25px;
	 font-size:14px;color:#c40000;
	 margin-top:3px
}


.search-by dl dd.show-more  i{
	background: none;
	float: none;
	display: inline-block;
	font-size: 12px;
	margin-left: 5px;
}

.nbanner{ width:100%; height:auto; position:relative;}
.nbanner img{ width:100%; height:auto}
.nbanner .by2{ position:absolute; width:100%;  height:auto; top:50%; left:0; transform:translateY(-50%); text-align:center;animation-name: example;
  animation-duration: 1s;
  animation-direction: alternate;}
.nbanner .by2 img{ width:80%; height:auto; max-width:709px}
.nbanner .fdwz2{ top:15%; transform:none;}




.nhui{ background:#f4f4f4; overflow:hidden}

.nbt1{ width:96%; margin:0 auto; max-width:1400px; margin-top:80px; margin-bottom:35px; border-left:#b80e26 4px solid;  display: flex;align-items: flex-end;  padding-left:5px; position:relative}
.nbt1 h3{ font-size:24px; color:#333333; font-weight:normal;line-height:26px;}
.nbt1 span{ font-size:16px; color:#999999; padding-left:10px}

.nbt1 em{ display:block; position:absolute; right:0; font-style:normal; font-size:14px; color:#999}
.nbt1 em a{ display:block; color:#999}
.nbt1 em a:hover{ display:block; color:#b80e26}


.remen{width:96%; margin:0 auto; max-width:1400px;}
.remen ul { position:relative; margin:0 -25px;}
.remen ul li{ float:left; padding:0 25px; box-sizing:border-box; width:20%; position:relative; margin-bottom:40px}
.remen ul li .rmpic{ width:100%; height:auto; position:relative; z-index:1}
.remen ul li .rmpic img{ width:100%; height:auto}
.remen ul li .rmpic h1{ display:block; position:absolute; width:100%; background:rgba(20,23,28,0.8); text-align:center; bottom:0; left:0; line-height:25px; color:#fff; font-weight:normal; transition:all 0.6s}
.remen ul li .rmzi{ position:relative; z-index:1}
.remen ul li .rmzi h1{ display:block; float:left; font-size:20px; color:#333333; margin:10px 0; line-height:25px;}
.remen ul li .rmzi h2{ display:block; float:right; color:#999999; font-size:12px; font-weight:normal; margin:10px 0;line-height:25px;}
.remen ul li .rmzi h2 i{ color:#d3d3d3; font-size:12px}
.remen ul li .rmzi h2:after{ content:""; display:block; clear:both}


.remen ul li .rmzi p{ display:block; margin:15px 0; width:100%; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-size:14px; color:#999 }
.remen ul li .rmzi span{ display:block; color:#c40000}
.remen ul li .rmzi span i{ font-size:14px; color:#999}

.remen ul li:after{ content:""; opacity:0; background:#fff; position:absolute; left:15px; top:-10px; width:calc(100% - 30px) ; height:calc(100% + 20px); z-index:0;box-shadow: 0px 0px 15px rgba(195,195,195,0.75); transition:all 0.6s}

.remen ul li:hover:after{ content:""; opacity:1  }

.remen ul li:hover .rmpic h1{ background:rgba(196,0,0,0.8); transition:all 0.6s}


.nmore a{ display:block;  width:140px; line-height:40px; color:#fff; background:#c40000; text-align:center; font-size:14px; margin:30px auto; transition:all 0.6s}
.nmore a:hover{ transform:translateY(-10px); transition:all 0.6s}

.nbt2{ width:96%; margin:45px auto; margin-top:70px; max-width:1400px; background:url(/theme/default/static/images/nbt2bg.png) center no-repeat; text-align:center;}
.nbt2 h3{ display:inline-block; background:#f4f4f4; width:auto; padding:0 20px; font-size:30px; color:#333; font-weight:normal;}
.nbt2 h1{ display:inline-block; background:#fff; width:auto; padding:0 20px; font-size:30px; color:#333; font-weight:normal;}
.nbt2 h3 b{ font-weight:normal;}
.nbt2 h3 b:after{ content:"/"; font-size:14px; padding:0 10px}
.nbt2 h3 b:last-child:after{ content:none;}

.nbt2 em{ display:block; width:26px; height:4px; background:#c21729; margin:0 auto; margin-top:15px}


.xxgs{ width:96%; margin:0 auto; max-width:1400px;}

.xxgs ul li{ background:#fff; margin-bottom:80px;  display: flex;   justify-content: space-between;   align-items: center;  }
.xxgs ul li:nth-child(2n){margin-right:0; border:0; flex-direction:row-reverse}

.xxgs ul li .xxgspic{ width:37%; overflow:hidden}
.xxgs ul li .xxgspic img{ width:100%; height:auto; transition:all 0.6s}
.xxgs ul li .xxgspic a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xxgs ul li .xxgszi{ width:63%; padding:20px 60px; box-sizing:border-box}

.xxgs ul li .xxgszi h3{ display:block; border-bottom:#eeeeee 1px dashed; font-size:25px; color:#333333; padding-bottom:40px;}

.xxgs ul li .xxgszi p{ display:block; margin:40px auto; color:#666666; font-size:14px; line-height:30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow:hidden }

.xxgs ul li .xxgszi span a{display:block;  width:120px; line-height:35px; color:#fff; background:#c40000; text-align:center; font-size:14px; transition:all 0.6s}
.xxgs ul li .xxgszi span a:hover{ transform:translateY(-10px); transition:all 0.6s}


@media only screen and (max-width:1200px){
.nbt1{  margin-top:40px; margin-bottom:25px; }

.remen ul { position:relative; margin:0 -10px;}
.remen ul li{ float:left; padding:0 10px; margin-bottom:30px; width:25%}	

.remen ul li:after{  left:5px; top:-5px; width:calc(100% - 10px) ; height:calc(100% + 10px);}

.remen ul li .rmzi h1{ font-size:16px; }


.xxgs ul li .xxgszi h3{  font-size:20px;  padding-bottom:30px;}
.xxgs ul li .xxgszi p{ display:block; margin:30px auto; color:#666666; font-size:14px; line-height:25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow:hidden }


}




@media only screen and (max-width:1024px){
	.jiange{ height:50px;}
	.search-by dl dd a{font-size: 12px;	padding:0 10px;}
	.search-by dl dd.show-more{ font-size:12px}
	
	.xxgs ul li .xxgszi{ padding:20px}
.xxgs ul li .xxgszi h3{  font-size:20px;  padding-bottom:15px;}
.xxgs ul li .xxgszi p{ display:block; margin:15px auto; color:#666666; font-size:12px; line-height:23px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow:hidden }

.xxgs ul li .xxgszi span a{  width:100px; line-height:25px;  font-size:12px;}


}



@media only screen and (max-width:768px){
	.remen ul li{ width:50%; margin-bottom:20px;}	
	.remen ul li .rmzi p{  margin:10px 0;font-size:12px; }
	
	
.nbt1{ margin-top:30px; margin-bottom:20px; }
.nbt1 h3{ font-size:20px; }
.nbt1 span{ font-size:14px; }
.nbt2 h1{  font-size:20px; }


.nmore a{   width:100px; line-height:25px; font-size:12px; margin:20px auto;}


.nbt2{  margin-top:40px;}
.nbt2 h3{  padding:0 20px; font-size:23px;}



	.xxgs ul li{ display:block}	
	.xxgs ul li .xxgspic{ width:100%; overflow:hidden}

.xxgs ul li .xxgszi{ width:100%;}
	
	.xxgs ul li .xxgszi h3{  font-size:16px;  padding-bottom:10px;}
.xxgs ul li .xxgszi p{ display:block; margin:10px auto; color:#666666; font-size:12px; line-height:23px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow:hidden }

}


.nbanner2{ width:100%; position:relative; height:auto; overflow:hidden; max-height:240px;}
.nbanner2 img{ width:100%; height:auto;}
.fdwz1{ position:absolute; width:96%; max-width:1400px; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2 }
.fdwz1 h1{ color:#363433; font-size:50px;}
.fdwz1 h2{ font-size:24px; color:#363433; font-weight:normal; padding:20px 0}
.fdwz1 em{ display:block; width:83px; height:5px; background:#363433}


.contain{ width:96%; margin:90px auto; max-width:1400px; overflow:hidden; position:relative;}
.nlf{ float:left; width:calc(100% - 440px)  }

.nrt{ float:right; width:420px}


.xxygxq1{ background:#fff; padding:25px 0; border-top:#b80e26 5px solid; padding-left:30px; box-sizing:border-box; margin-bottom:20px}

.xxygxq1 .xxrw{ width:570px; float:left; border-right:#f4f4f4 1px solid; box-sizing:border-box;  display: flex; align-items: center;justify-content: space-between; }
.xxygxq1 .xxrw .xxpic{ display:block; width:160px; height:160px; border-radius:100px; overflow:hidden}
.xxygxq1 .xxrw .xxpic img{ width:100%; height:auto}
.xxygxq1 .xxrw .js{ width:calc(100% - 180px)}
.xxygxq1 .xxrw .js h1{ display:block; font-size:20px; color:#333333}
.xxygxq1 .xxrw .js h1 i{ color:#fff; background:#ecc800; font-size:14px; font-weight:normal; padding:0 10px; border-radius:10px; display:inline-block; height:20px; line-height:20px; margin-left:10px;}
.xxygxq1 .xxrw .js h1 i.icon-huangguan:before{ padding-right:5px}
.xxygxq1 .xxrw .js h2{ display:block; font-size:14px; color:#666; margin:15px 0; font-weight:normal}
.xxygxq1 .xxrw .js h2 i{ font-size:12px; color:#999999; padding-right:10px}

.xxygxq1 .xxrw .js h3 em{ display:inline-block; background:#f5f5f5; color:#999; font-size:14px; line-height:25px; margin-right:10px; margin-bottom:10px; font-weight:normal; font-style:normal; padding:0 10px}

.xxygxq1 .xxfx{ float:right; width:calc(100% - 570px); text-align:center }

.xxygxq1 .xxfx .fx1{ background:#f4f4f4; width:160px; text-align:center; margin:0 auto; line-height:35px; color:#666666; font-size:14px}
.xxygxq1 .xxfx i{ padding-right:10px}
.xxygxq1 .xxfx .fx2{ margin:20px auto}
.xxygxq1 .xxfx .fx2 a{ color:#666666;}
.xxygxq1 .xxfx .fx2:hover{ background:#b80e26; color:#fff}
.xxygxq1 .xxfx .fx2:hover a{  color:#fff}
.xxygxq1 .xxfx .fx3 {width:160px; margin:0 auto; display: flex;   justify-content: space-between;   align-items: center; font-size:14px; color:#666 }
.xxygxq1 .xxfx .fx3 ul li{ float:left; border:#6e6e6e 1px solid; line-height:22px; text-align:center; width:22px; border-radius:50px; margin-left:5px}
.xxygxq1 .xxfx .fx3 ul li i{ color:#666; font-size:12px; padding:0}

.xxygxq1 .xxfx .fx3 ul li .icon-weibo1{ font-size:14px}
.xxygxq1 .xxfx .fx3 ul li .icon-kongjian{ font-size:14px}

.xxygxq1 .xxfx .fx3 ul li:hover{ background:#b80e26; border-color:#b80e26; }
.xxygxq1 .xxfx .fx3 ul li a{ color:#666}
.xxygxq1 .xxfx .fx3 ul li a:hover i{color:#fff}



#container {margin: 0 auto;	width: 100%;}
#container .section { background:#ffffff; margin-top:20px;padding: 0px; padding-bottom:20px;}


.section-wrapper {margin-top: -100px;padding-top: 100px;}


#nav {background: #fff;left: 0;list-style: none;overflow: hidden; display: flex;   justify-content: space-between; padding:0 50px; box-sizing:border-box;}
#nav li {display: inline-block;	margin-bottom: 0;}
#nav a {display: block;padding: 0; line-height:60px; font-size:16px; color:#666; position:relative}
#nav a:hover {background: none;	color: #b80e26; }

#nav .current a {background: #fff;color: #b80e26;font-weight:bold;position:relative}
#nav .current a:after{ content:""; position:absolute; width:100%; height:3px; background:#b80e26; left:0; bottom:0}


.xqbt{ border-bottom:#f4f4f4 1px solid; padding:15px 20px; box-sizing:border-box}
.xqbt h3{ display:block; color:#333333; font-size:20px; border-left:#b80e26 6px solid; padding-left:10px;}

.wzjs{ font-size:14px; line-height:25px; color:#888; margin:30px; }
.wzjs img{ max-width:100%; height:auto}


.wzjs .nr{margin:20px 0; font-size:14px; line-height:30px; height:120px; overflow:hidden;}
.wzjs .nr.on{height:auto;}

 .xq{  line-height:36px; font-size:14px; color:#b80e26; cursor:pointer}
 .xq span i{ display:inline-block; width:16px; line-height:16px; text-align:center; color:#fff; background:#b80e26; font-size:12px; border-radius:20px}
 .xq span.x_q{display:block;}
 .xq span.s_q{display:none;}
 .xq.on span.x_q{display:none;}
 .xq.on span.s_q{display:block;}
 
 .guiji{ margin:30px;}
 
 .guiji ul li{ border-left:#ebebeb 1px solid; padding-bottom:30px; position:relative; padding-left:30px; box-sizing:border-box}
 .guiji ul li:before{ content:""; position:absolute; width:16px; height:16px; background:#fff; border:#b80e26 1px solid; left:-10px; top:0; z-index:0; border-radius:20px; box-sizing:border-box}
  .guiji ul li:after{ content:""; position:absolute; width:8px; height:8px; background:#b80e26;  left:-6px; top:4px; z-index:1; border-radius:20px}
 
 .guiji ul li h3{ display:block; font-size:16px; color:#333; margin-bottom:10px}
 .guiji ul li p{ font-size:14px; line-height:25px; color:#888}
 
 
 .youzhi{ margin:30px;}
 .youzhi ul{ display: flex;   justify-content: space-between; }
 .youzhi ul li{ width:30%; text-align:center; max-width:215px} 
 .youzhi ul li img{ width:100%; height:auto;}
 .youzhi ul li h3{ display:block; font-size:14px; color:#333; line-height:24px; font-weight:normal}
 .youzhi ul li p{ font-size:14px; color:#c8332e; padding:15px 0}
 
   .youzhi ul li span{ display:block; background:#c30013; width:70px; line-height:24px; margin:0 auto; border-radius:15px}
  .youzhi ul li span a{ color:#fff;}
  .youzhi ul li span:hover{ transform:translateY(-5px); transition:all 0.6s}
  .youzhi ul li span i{ padding-right:5px; font-size:12px}
 
 
 .nmore2 a{ display:block;  width:140px; line-height:40px; color:#c40000; border:#c40000 1px solid; text-align:center; font-size:14px; margin:50px auto; transition:all 0.6s}
.nmore2 a:hover{ transform:translateY(-10px); transition:all 0.6s}

 
 .pingjia{ background:#fff; margin-top:20px; padding-bottom:30px}
 
  .pj1{ margin:30px;}
 .pj1 ul li{ border-bottom:#eeeeee 1px dashed; padding-bottom:40px; margin-bottom:40px; overflow:hidden}
  .pj1 ul li .tou{ float:left; width:43px; height:43px; overflow:hidden; border-radius:100px}
  .pj1 ul li .tou img{ width:100%; height:auto}
   
  .pj1 ul li .pjly{ width:calc(100% - 60px); float:right } 
  
  .pj1 ul li .pjly h1{ float:left; font-size:16px; color:#333}
   .pj1 ul li .pjly h2{ float:right; font-weight:normal; font-size:12px; color:#c2c2c2}
     .pj1 ul li .pjly p{ font-size:14px; color:#999; line-height:25px; display:block; margin-top:10px}
  
   .pj2{ margin:30px; overflow:hidden}

   .pj2 ul li{ display: flex;   justify-content: space-between; margin-bottom:20px   }
   
     .pj2 ul li span{ display:block; width:70px; font-size:14px; color:#999; line-height:30px}
    .pj2 ul li p{ display:block;  width:calc(100% - 70px);}
  .plly{ width:100%; border:#eeeeee 1px solid; box-sizing:border-box; height:120px; outline:none; padding:0 15px; line-height:30px}
  .plbd{width:100%; border:#eeeeee 1px solid; box-sizing:border-box; outline:none; padding:0 15px; max-width:200px; line-height:30px}
  
   .pj2  .tijiao a{ display:block; margin-left:70px; background:#c21729; width:120px; line-height:40px; color:#fff; font-size:14px; text-align:center}
   
   .bai{ background:#fff; padding:20px; box-sizing:border-box; padding-top:0; margin-top:20px}
   .bai .xqbt{ padding-left:0}
   
    .bai1{ background:#fff; padding:0px; box-sizing:border-box; padding-top:0}
    .bai1 .xqbt{ padding-left:0; border-bottom:0; margin:0 20px;}
   
   
   
 .tttj ul{ margin:20px}
   .tttj ul li{ margin-bottom:20px;display: flex;   justify-content: space-between;}
   .tttj ul li span{ padding-left:10px; box-sizing:border-box; background:#f4f4f4; line-height:40px; width:130px; font-size:14px; color:#666}
  .tttj ul li span i{ color:#e5e5e5; padding-right:5px; font-size:16px}
  .tttj ul li  p{ display:block; width:calc(100% - 130px);}
  .tttj ul li .tjbd{ width:100%; border:#eeeeee 1px solid;  box-sizing:border-box;  line-height:40px; height:40px; outline:none; padding:0 5px; }
  .tttj .tijiao a{ display:block; background:#b80e26; width:100%; text-align:center; color:#fff; font-size:18px; line-height:50px}

  
  
  
  .rmxx ul li{ border-bottom:#cecece 1px dotted; padding:20px 0;}
   .rmxx ul li a{ display: flex;   justify-content: space-between;   align-items: center;}
   
      .rmxx ul li .rmpic { width:90px; height:90px;  overflow:hidden; border:#eeeeee 5px solid; box-sizing:border-box; border-radius:50px;transition:all 0.6s}
  
   .rmxx ul li .rmpic img{ width:100%; height:auto}
   
    .rmxx ul li .rmzi{width:calc(100% - 100px);}
   .rmxx ul li .rmzi h3{ font-size:16px; color:#333;}
    .rmxx ul li .rmzi p{ display:block; font-size:14px; line-height:23px; color:#666; margin:5px 0}
   
   .rmxx ul li .rmzi span{ font-size:12px; color:#999}
    .rmxx ul li .rmzi span i{ font-size:12px; color:#ebebeb; padding-right:5px}
       .rmxx ul li:hover h3{ color:#b80e26}
      .rmxx ul li:hover .rmpic{ transform:rotate(20deg); transition:all 0.6s}
   
   
   .yinjian ul{display: flex;   justify-content: space-between;flex-wrap:wrap}
    .yinjian ul li{ width:30%; text-align:center; margin-top:20px}  
	.yinjian ul li img{ width:100%; height:auto; border-radius:50%; border:#eeeeee 5px solid; box-sizing:border-box; max-width:90px; display:block; margin:0 auto;transition:all 0.6s}
	.yinjian ul li:hover img{ transform:rotate(20deg);  transition:all 0.6s}
	
	.yinjian ul li h3{ font-size:16px; color:#333; display:block; margin:10px 0}
    .yinjian ul li span{ font-size:12px; color:#999}
    .yinjian ul li span i{ font-size:12px; color:#ebebeb; padding-right:2px}
	
	.yinjian ul li:hover h3{ color:#b80e26; }
	
	
@media only screen and (max-width:1400px){
			

.fdwz1 h1{  font-size:40px;}
.fdwz1 h2{ font-size:18px; padding:20px 0}
.fdwz1 em{ display:block; width:83px; height:5px; background:#363433}

.xxygxq1 .xxrw{ width:calc(100% - 220px); float:left; padding-right:20px; }
.xxygxq1 .xxfx{ float:right; width:220px; text-align:center }


.xxygxq1 .xxrw .xxpic{  width:120px; height:120px; }
.xxygxq1 .xxrw .js{ width:calc(100% - 130px)}
}
			
		
@media only screen and (max-width:1200px){

.contain{  margin:40px auto; }			




.xqbt{  padding:15px 20px; box-sizing:border-box}
.xqbt h3{  font-size:16px; border-left:#b80e26 4px solid; padding-left:10px;}

.xxygxq1 .xxrw{ width:100%; padding:15px;  float:none; border:0; border-bottom:#f4f4f4 1px solid; box-sizing:border-box;  display: flex; align-items: center;justify-content: space-between; }
.xxygxq1 .xxfx{ float:none; width:100%; text-align:center; margin-top:20px; }


}		
	
	
	
@media only screen and (max-width:992px){
.fdwz1 h1{  font-size:20px;}
.fdwz1 h2{ font-size:14px; padding:10px 0}
.fdwz1 em{ display:block; width:60px; height:2px; background:#363433}


.contain{  margin:20px auto; }
.nlf{ float:none; width:100% }
.nrt{ float:none; width:100%; margin-top:20px}

.xqbt{  padding:10px; box-sizing:border-box}
.xxygxq1{ background:#fff; padding:15px 0;}

.xxygxq1 .xxrw .js h1{ display:block; font-size:16px; }
.xxygxq1 .xxrw .js h1 i{ font-size:12px; }
.xxygxq1 .xxrw .js h2{ display:block; font-size:12px; }

.xxygxq1 .xxrw .js h3 em{  font-size:12px; line-height:20px; }
.xxygxq1 .xxfx{ float:none; width:100%; text-align:center }

.xxygxq1 .xxfx .fx1{ font-size:12px}
.xxygxq1 .xxfx .fx3 { font-size:12px;  }


.section-wrapper {margin-top: -70px;padding-top: 70px;}

#nav { padding:0 10px; }

#nav a {display: block;padding: 0; line-height:20px; font-size:14px; color:#666; position:relative; width:50%; padding:10px 0}


.wzjs{ font-size:12px; line-height:20px;  margin:15px; }

.wzjs .nr{margin:20px 0; font-size:12px; line-height:20px; height:80px; overflow:hidden;}
.wzjs .nr.on{height:auto;}

 .xq{  line-height:25px; font-size:12px; color:#b80e26; cursor:pointer}


 
 .guiji{ margin:15px;}
 
 .guiji ul li{ padding-bottom:20px;  padding-left:20px; }

 .guiji ul li h3{ display:block; font-size:14px; }
 .guiji ul li p{ font-size:12px; line-height:20px; }
 
 
 .youzhi{ margin:15px;}
 .youzhi ul{ display: flex;   justify-content: space-between;flex-wrap:wrap }
 .youzhi ul li{ width:47%; text-align:center; max-width:215px; margin-bottom:20px} 

 .youzhi ul li h3{ display:block; font-size:12px; color:#333; line-height:20px; font-weight:normal}
 .youzhi ul li p{ font-size:12px; color:#c8332e; padding:15px 0}
 
 
 
 .nmore2 a{ display:block;  width:100px; line-height:30px;  font-size:12px; margin:20px auto; transition:all 0.6s}

 
 .pingjia{  padding-bottom:0px}
 
  .pj1{ margin:15px;}
 .pj1 ul li{ border-bottom:#eeeeee 1px dashed; padding-bottom:20px; margin-bottom:20px; overflow:hidden}

  .pj1 ul li .pjly h1{ float:left; font-size:14px; color:#333}
 .pj1 ul li .pjly p{ font-size:12px; line-height:20px; }
  
   .pj2{ margin:15px; overflow:hidden}

   .pj2  .tijiao a{  width:120px; line-height:30px; color:#fff; font-size:12px; text-align:center}
   
   .bai{ background:#fff; padding:15px; box-sizing:border-box; padding-top:0; margin-top:20px}

   
    .bai1{ background:#fff; padding:0px; box-sizing:border-box; padding-top:0}
    .bai1 .xqbt{ padding-left:0; border-bottom:0; margin:0 15px;}
   
   
   
 .tttj ul{ margin:15px}
   .tttj ul li{ margin-bottom:10px;}
   .tttj ul li span{ padding-left:5px; box-sizing:border-box; background:#f4f4f4; line-height:40px; width:110px; font-size:12px; color:#666}
  .tttj ul li span i{ color:#e5e5e5; padding-right:5px; font-size:12px}
  .tttj ul li  p{ display:block; width:calc(100% - 100px);}
  .tttj ul li .tjbd{ width:100%; border:#eeeeee 1px solid;  box-sizing:border-box;  line-height:40px; height:40px; outline:none; padding:0 5px; }
  .tttj .tijiao a{ display:block; background:#b80e26; width:100%; text-align:center; color:#fff; font-size:14px; line-height:40px}

  
  


   .rmxx ul li .rmzi h3{ font-size:14px; color:#333;}
    .rmxx ul li .rmzi p{  font-size:12px; line-height:20px; }
   
  .yinjian ul li h3{ font-size:14px; margin:5px 0}

	.nbanner2{ max-height:160px;}

}





.xwlb1{ width:96%; margin:50px auto; max-width:1400px; display: flex;   justify-content: space-between;}

.xwlb101{ position:relative; width:57%; overflow:hidden}
.xwlb101 img{ position:absolute; height:100%; width:auto; top:0; left:50%; transform:translateX(-50%); z-index:0; transition:all 0.6s}
.xwlb101:hover img{ transform:translateX(-50%) scale(1.1,1.1); transition:all 0.6s}

.xwlb101 .fdzi{ position:absolute; background:rgba(0,0,0,0.8); width:100%; height:auto; bottom:0; left:0; z-index:2; padding:20px 30px; box-sizing:border-box}
.xwlb101 .fdzi h3{ font-size:20px; color:#fff;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; margin-bottom:10px }
.xwlb101 .fdzi p{ display:block; font-size:16px; color:#bbbbbb;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }

.xwlb102{ width:42%;}
.xwlb102 ul{display: flex;   justify-content: space-between; flex-wrap:wrap}
.xwlb102 ul li{ position:relative; width:49%; overflow:hidden}
.xwlb102 ul li img{ width:100%; height:100%; transition:all 0.6s; object-fit: cover;}
.xwlb102 ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xwlb102 ul li:nth-child(1){ margin-bottom:2%; width:100%}

.xwlb102 ul li .fdzi{ position:absolute; background:rgba(0,0,0,0.8); width:100%; height:auto;padding:10px 20px; bottom:0; left:0; z-index:2;box-sizing:border-box}
.xwlb102 ul li .fdzi p{ display:block; font-size:14px; color:#fff;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap;}


.leimu{width:100%; background:#f9f9f9; text-align:center}
.leimu ul{  display: flex;   justify-content: space-between; max-width:800px; margin:0 auto }
.leimu ul li a{ font-size:16px; color:#333; display:block; line-height:60px; padding:0 30px; position:relative }
.leimu ul li a:hover{ background:#fff; color:#b80e26}
.leimu ul li a:hover:after{ content:""; width:100%; height:3px; background:#b80e26; position:absolute; top:0; left:0}
.leimu ul li a.on{ background:#fff; color:#b80e26; font-weight:bold}
.leimu ul li a.on:after{content:""; width:100%; height:3px; background:#b80e26; position:absolute; top:0; left:0}


#lib_Tab2 .lib_Menubox {height:63px;position:relative; float:none; width:100%; background:#f9f9f9}
#lib_Tab2 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; width:100%; top:3px; left:0; height:60px;text-align:center;}
#lib_Tab2 .lib_Menubox li{ float:none;display:inline-block;cursor:pointer;width:120px;color:#333; height:60px;line-height:60px; font-size:16px; margin:0 40px;}
#lib_Tab2 .lib_Menubox li.hover{padding:0px;background:#fff;width:120px; border-top:#b80e26 3px solid;  color:#c2091f;height:60px;line-height:60px; font-weight:bold}
#lib_Tab2 .lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:auto;  }

.xwlb2{ width:96%; margin:80px auto; max-width:1400px; display: flex;   justify-content: space-between;}
.xwlb21{ width:42%; position:relative;}

.xwlb21 img{ width:100%; height:auto}
.xwlb21 h1{ display:block; position:absolute; left:0; top:0; background:#c2091f; color:#fff; width:60px; height:60px; font-size:14px; text-align:center; font-weight:normal}
.xwlb21 h1 em{ display:block; font-size:30px; font-style:normal; line-height:35px}
.xwlb21 h3{ display:block; font-size:20px; color:#333; font-weight:normal; margin:25px 0;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
.xwlb21 p{ display:block; font-size:14px; line-height:24px; color:#999; max-height:48px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
.xwlb21 span a{ display:block; width:130px; line-height:40px; text-align:center; background:#c2091f; font-size:14px; color:#fff; margin-top:25px;transition:all 0.6s}
.xwlb21 span a:hover{ transform:translateX(10px); transition:all 0.6s}


.xwlb22{ width:55%}

.xwlb22 ul li{ border-bottom:#eeeeee 1px solid; padding-bottom:20px; margin-bottom:20px; display: flex;   justify-content: space-between;    }
.xwlb22 ul li .date{ width:65px; text-align:center; font-size:14px; color:#999}
.xwlb22 ul li .date em{ display:block; font-size:50px; font-style:normal; font-weight:lighter}
.xwlb22 ul li .xwlb220{ width:calc(100% - 85px);  }
.xwlb22 ul li .xwlb220 h3{ font-size:16px; color:#333; font-weight:normal;}
.xwlb22 ul li .xwlb220 p{ display:block; margin-top:10px; font-size:14px; color:#999; line-height:24px;max-height:48px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
.xwlb22 ul li:last-child { margin-bottom:0;}


.xwlb3{ width:96%; margin:0px auto; margin-top:80px; max-width:1400px; overflow:hidden}
.xwlb3 ul{ position:relative; margin:0 -50px; display: flex;  flex-wrap:wrap}
.xwlb3 ul li{ float:left; width:33.33%; padding:50px; box-sizing:border-box; padding-top:0; overflow:hidden}
.xwlb3 ul li a{ display:block; background:#fff; padding-bottom:25px; }

.xwlb3 ul li .xwpic{  width:100%; padding-bottom:75%; position:relative; font-size:0; overflow:hidden}
.xwlb3 ul li .xwpic img{ position:absolute; width:100%; height:100%; left:0; top:0; transition:all 0.6s}
.xwlb3 ul li:hover .xwpic img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xwlb3 ul li .xwpic em{ display:block; position:absolute; bottom:0; right:0; background:#333333; font-size:14px; padding:5px; font-style:normal; color:#fff; z-index:2}

.xwlb3 ul li h3{ display:block; margin:20px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-size:16px; font-weight:normal}
.xwlb3 ul li p{ display:block; margin:0 20px; font-size:14px; height:48px;line-height:24px; color:#999; max-height:48px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
.xwlb3 ul li span{ display:block; width:90px; line-height:26px; text-align:center; background:#c2091f; font-size:14px; color:#fff; margin:0px auto; margin-top:25px; overflow:hidden;transition:all 0.6s}

.xwlb3 ul li span:hover{ transform:translateY(-10px); transition:all 0.6s}

.yema{ text-align:center; margin-bottom:50px}
.yema ul li{ display:inline-block; margin:5px 0 }
.yema ul li a{ display:block; color:#333;background:#e2e2e2; border-radius:5px; padding:7px 12px; font-size:12px;}
.yema ul li a:hover{ background:#c40000; color:#fff}
.yema ul li a.on{background:#c40000; color:#fff}

.yema ul li:last-child a{ background:none;}
.yema ul li:last-child a:hover{ color:#333}

.yema ul li:first-child a{ background:none;}
.yema ul li:first-child a:hover{ color:#333}

@media only screen and (max-width:1400px){
.xwlb3 ul{ position:relative; margin:0 -20px;}
.xwlb3 ul li{ float:left; width:33.33%; padding:20px; box-sizing:border-box; padding-top:0; overflow:hidden}
	
	
}




@media only screen and (max-width:992px){
	
.xwlb1{  margin:20px auto; display:block}


.xwlb101{ position:relative; width:100%; height:auto; overflow:hidden; margin-bottom:15px}
.xwlb101 img{ position:static; width:100%; height:auto; transition:none; left:0; transform:none}


.xwlb101 .fdzi{ padding:15px; box-sizing:border-box}
.xwlb101 .fdzi h3{ font-size:14px; }
.xwlb101 .fdzi p{ font-size:12px; }

.xwlb102{ width:100%}

.xwlb102 ul li .fdzi{ padding:15px;}
.xwlb102 ul li .fdzi p{  font-size:12px; }

#lib_Tab2 .lib_Menubox {height:53px;}
#lib_Tab2 .lib_Menubox li{ float:left;width:25%; height:50px;line-height:50px; font-size:14px; margin:0;}
#lib_Tab2 .lib_Menubox li.hover{width:25%; height:50px;line-height:50px; }
.xwlb2{ margin:20px auto}


.xwlb21 h1{ width:60px; height:60px; font-size:12px; text-align:center; font-weight:normal}
.xwlb21 h1 em{ font-size:20px;  line-height:35px}
.xwlb21 h3{  font-size:16px; margin:15px 0;}
.xwlb21 p{ display:block; font-size:12px; line-height:22px; color:#999; max-height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
.xwlb21 span a{ display:block; width:90px; line-height:30px; font-size:12px; margin-top:15px}



.xwlb22 ul li{  padding-bottom:10px; margin-bottom:10px;    }
.xwlb22 ul li .date{  font-size:12px; }
.xwlb22 ul li .date em{  font-size:30px;}
.xwlb22 ul li .xwlb220 h3{ font-size:14px; color:#333; font-weight:normal;}
.xwlb22 ul li .xwlb220 p{ display:block; margin-top:10px; font-size:12px; color:#999; line-height:20px;max-height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}


.xwlb3{  margin-top:30px;}
.xwlb3 ul{ position:relative; margin:0 -10px;}
.xwlb3 ul li{ float:left; width:50%; padding:10px; box-sizing:border-box; padding-top:0; overflow:hidden}
	
.xwlb3 ul li h3{  margin:15px; font-size:14px; font-weight:normal}
.xwlb3 ul li p{ display:block; margin:0 15px; font-size:12px; line-height:20px;height:40px}
.xwlb3 ul li span{ font-size:12px; margin-top:10px}
.xwlb3 ul li .xwpic em{ font-size:12px}

	
	

.leimu ul li a{ font-size:14px;  line-height:50px; padding:0 15px; position:relative }


	
}



@media only screen and (max-width:768px){
	.xwlb2{ display:block}
	.xwlb21{ width:100%}
	.xwlb22{ width:100%; margin-top:20px}
	.xwlb3 ul{ margin:0}
	.xwlb3 ul li{ width:100%;}
	
	.yema ul li a{  padding:4px 8px; font-size:12px;}
}

.nbanner3{ width:100%; height:200px; position:relative; font-size:0; overflow:hidden}
.nbanner3 img{ position:absolute; height:100%; width:auto; top:0; left:50%; transform:translateX(-50%); z-index:0}

.nbanner3 .fdwz1 h1{ font-size:40px; color:#fff; }
.nbanner3 .fdwz1 h2{ color:#fff; font-size:20px; padding:10px 0 }
.nbanner3 .fdwz1 em{ background:#fff; }

.wzxq{ width:96%; margin:80px auto; max-width:1200px; font-size:16px; color:#333; line-height:30px}

.wzxq img{ display:block; margin:0 auto; max-width:100%; height:auto}

.wzbt{ text-align:center; margin-bottom:60px}
.wzbt h3{ font-size:40px; color:#333; line-height:50px}
.wzbt p{ display:block; font-size:16px; color:#999; margin:40px 0}

.nbt3{ text-align:center; margin-top:50px;} 
.nbt3 h3{ display:block; font-size:24px; color:#333;}
.nbt3 em{ display:block; width:60px; height:2px; background:#b80e26; margin:0 auto; margin-top:15px}

.tuijian .xwlb3{ margin-top:30px}

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

.nbanner3{ height:160px;}

.nbanner3 .fdwz1 h1{ font-size:30px;  }
.nbanner3 .fdwz1 h2{  font-size:16px;}

.wzxq{   font-size:14px;  line-height:25px}


.wzbt{ text-align:center; margin-bottom:40px}
.wzbt h3{ font-size:40px; line-height:42px}
.wzbt p{ display:block; font-size:14px;  margin:40px 0}

}
	
	

@media only screen and (max-width:992px){
	
	.wzxq{  margin:30px auto;  font-size:12px;  line-height:23px}

	
	.nbanner3{ height:120px;}
.nbanner3 .fdwz1 h1{ font-size:20px;  }
.nbanner3 .fdwz1 h2{  font-size:14px;}

.nbt3{ text-align:center; margin-top:20px;} 

.wzbt{ text-align:center; margin-bottom:20px}
.wzbt h3{ font-size:25px; line-height:30px}
.wzbt p{ display:block; font-size:12px;  margin:20px 0}
}
	
	
.xczx1{ position:absolute; left:0; bottom:0; width:40%; left:2%}	
.xczx1 img{ width:100%; height:auto; vertical-align:bottom}

.zxzi1{ position:absolute; right:5%; width:53%; top:50%; transform:translateY(0); transition:all 1s ease-in-out; opacity:0; animation-name: example2;
  animation-duration: 1s;
  animation-direction: alternate;}
.active  .zxzi1{ opacity:1; top:50%; transform:translateY(-50%); transition-delay:0.2s;}

.zxzi1 h1 img{ height:43px; width:auto}


@keyframes example2 {
  0%   {transform:translateY(0); opacity:0}
  100% {transform:translateY(-50%); opacity:1 }
}


.zxzi1 h3{ font-size:40px; color:#000;}
.zxzi1 p{ display:block; font-size:25px; color:#000; margin-top:15px}
.zxzi1 span{ display:block; font-size:18px; color:#666; margin:60px 0; }


.zxzi2{ position:absolute; right:5%; width:40%; top:50%; transform:translateY(-100%); z-index:2; opacity:0;transition:all 1s ease-in-out;}
.active  .zxzi2{ opacity:1; transform:translateY(-50%); transition-delay:0.2s;}


.zxzi2 h3{ font-size:40px; color:#000;}
.zxzi2 p{ display:block; font-size:20px; color:#000; margin-top:15px; line-height:40px;}
.zxzi2 span{ display:inline-block; position:relative; width:auto;font-size:20px; color:#666; margin:60px 0;background:#c21729; color:#fff; padding:5px 10px}
.zxzi2 span a{ color:#fff}

.xczx2{ position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:0}	
.xczx2 img{ height:100%; object-fit: cover;}


.zxzi3{ position:absolute; right:5%; width:40%; top:50%; transform:translateY(-100%); z-index:2; opacity:0;transition:all 1s ease-in-out;}
.active  .zxzi3{ opacity:1; transform:translateY(-50%); transition-delay:0.2s;}


.zxzi3 h3{ font-size:40px; color:#000;}
.zxzi3 p{ display:block; font-size:20px; color:#000; margin-top:15px; line-height:40px;}
.zxzi3 span{ display:inline-block; position:relative; width:auto;font-size:20px; color:#666; margin:60px 0;background:#c21729; color:#fff; padding:5px 10px}
.zxzi3 span a{ color:#fff}





.xczx3{ position:absolute; left:0; bottom:0; width:50%; height:100%; z-index:0;  display: flex;  align-items: center;}	
.xczx3 img{ width:80%; height:auto; display:block; margin:0 auto}


.xczx4{ position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:0}	
.xczx4 img{ height:100%; object-fit: cover;}


.shangxia{ display:flex}
.shangxia h1{ width:60px; text-align:center; line-height:60px; cursor:pointer}
.shangxia h1 a{ display:block; color:#666}
.shangxia h1:nth-child(1){ border:#dcdcdc 3px solid; border-radius:50px;}
.shangxia h1:nth-child(1) a{ color:#222}


.dengji{ position:absolute; right:5%; width:40%; top:50%; transform:translateY(-50%); z-index:2;}
.dengji .djbt{ margin-bottom:30px}
.dengji .djbt h3{ font-size:40px; color:#000}
.dengji .djbt h2{ font-size:14px; color:#999; font-weight:normal; display:block; margin:10px 0}
.dengji .djbt em{ display:block; width:30px; height:3px; background:#000}

.dengji ul{display: flex;   justify-content: space-between; flex-wrap:wrap}

.dengji ul li{ margin-bottom:20px; display: flex;   justify-content: space-between; width:48%; line-height:40px;}
.dengji ul li:nth-child(3),.dengji ul li:nth-child(4),.dengji ul li:nth-child(7),.dengji ul li:nth-child(8){ width:100%}

.dengji ul li:nth-child(7){ display:block}

.dengji ul li span { display:block; width:75px; font-size:16px; color:#333}
.dengji ul li p{ display:block; width:calc(100% - 80px) }
.dengji ul li h1{ display:block; font-weight:normal; font-size:16px; color:#333 }


.dengji .bd1{ width:100%; border:0; border-bottom:#d2d2d2 1px solid; background:none; outline:none;line-height:40px}
.dengji select{ width:32%;border:0; border-bottom:#d2d2d2 1px solid; background:none; outline:none; margin-right:1%; color:#999; line-height:40px}

.dengji select:nth-child(3){ margin-right:0}
.dengji ul li em{ display:inline-block; font-style:normal; font-size:14px; color:#666; font-weight:normal; width:100px;}
.dengji ul li em input{border:#d2d2d2 1px solid; background:none; margin-right:5px; width:16px; height:16px;}


.tijiao2{ background:#c21729; width:120px; line-height:40px; text-align:center; color:#fff; font-size:16px;font-weight:normal; border:0; cursor:pointer}




  .kslj  {
        width: 100%;
        height: 100%;
    }
     .kslj  .swiper-slide {
    
    }


 .kslj  .swiper-slide{  height:100vh;background:rgba(255,255,255,0.9); padding:0 5%; box-sizing:border-box; position:relative; padding-bottom:200px; padding-top:150px; border-right:#fff 1px solid; box-sizing:border-box;}

 .kslj  .swiper-slide:hover{ background:rgba(184,14,38,0.9); }
 .kslj  .swiper-slide i{ display:block; margin:0 auto; width:56px; height:56px; border:#c21729 2px solid; border-radius:50px}
 .kslj  .swiper-slide i img{ width:100%; height:auto}

 .kslj  .swiper-slide:hover i{ background:#fff; border:0}
 .kslj  .swiper-slide h3{ display:block; text-align:center; font-size:23px; color:#333333; margin:30px 0}
 .kslj  .swiper-slide p{ font-size:14px; line-height:32px; color:#666666;text-align: justify;}

 .kslj  .swiper-slide:hover h3{ color:#fff;}
 .kslj  .swiper-slide:hover p{ color:#fff;}

.ksdi{ position:absolute; bottom:30px; text-align:center; width:100%; text-align:center; left:0}
.ksdi em{ display:block; width:72px; height:72px; background:#b80e26; border-radius:50px; margin:0 auto; overflow:hidden }
.ksdi em img{ width:100%; height:auto;transition:all 0.6s}

 .kslj  .swiper-slide .ksdi .bq{  transform:none;transition:all 0.6s}
 .kslj  .swiper-slide .ksdi .bh{  transform:translateY(0px);transition:all 0.6s}
 .kslj  .swiper-slide:hover .ksdi em{ background:#fff}
 .kslj  .swiper-slide:hover .ksdi .bq{  transform:translateY(-72px); transition:all 0.6s}
 .kslj  .swiper-slide:hover .ksdi .bh{   transform:translateY(-72px); transition:all 0.6s}

 .kslj  .swiper-slide .ksdi h1{ font-size:16px; color:#050c25; margin:10px 0}
 .kslj  .swiper-slide .ksdi h2{ font-weight:normal; color:#666; font-size:16px;}
 .kslj  .swiper-slide:hover .ksdi h1{ color:#fff}
 .kslj  .swiper-slide:hover .ksdi h2{ color:rgba(255,255,255,0.6)}

.kslj .swiper-button-next{ display:none;}
.kslj .swiper-button-prev{ display:none;}

@media only screen and (max-width:1900px){
	
 .kslj  .swiper-slide{ padding:0 2%;padding-bottom:200px; padding-top:150px;}	
 .kslj  .swiper-slide p{ font-size:14px; line-height:25px;  }

	
}



@media only screen and (max-width:1400px){
		
.zxzi1 h3{ font-size:30px; }
.zxzi1 p{ display:block; font-size:20px; color:#000; margin-top:15px}
.zxzi1 span{ display:block; font-size:16px; color:#666; margin:60px 0; }
	
	
.zxzi2 h3{ font-size:30px; }
.zxzi2 p{ font-size:16px;  margin-top:15px; line-height:30px;}
.zxzi2 span{ font-size:20px;  margin:60px 0;}

.zxzi3 h3{ font-size:30px; }
.zxzi3 p{ font-size:16px;  margin-top:15px; line-height:30px;}
.zxzi3 span{ font-size:20px;  margin:60px 0;}




.xczx2:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; background-image: linear-gradient(-90deg, #e1e0dc,transparent  ); }		

.xczx4:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; background-image: linear-gradient(-90deg, #fff,rgba(255,255,255,0.3)  ); }		

.dengji .djbt h3{ font-size:30px; }
.dengji .djbt h2{ font-size:14px; }


.dengji ul li span { display:block; width:75px; font-size:14px;}
.dengji ul li p{ display:block; width:calc(100% - 80px) }
.dengji ul li h1{ display:block; font-weight:normal; font-size:14px;  }

.tijiao2{ width:120px; line-height:40px;  font-size:14px;}
.kslj  .swiper-slide{ padding:100px 5%; height:auto}	
 .kslj  .swiper-slide h3{  font-size:20px;  margin:20px 0}	


.ksdi em{ display:block; width:60px; height:60px; }
 .kslj  .swiper-slide:hover .ksdi .bq{  transform:translateY(-60px); transition:all 0.6s}
 .kslj  .swiper-slide:hover .ksdi .bh{   transform:translateY(-60px); transition:all 0.6s}

 .kslj  .swiper-slide .ksdi h1{ font-size:14px;  margin:10px 0}
 .kslj  .swiper-slide .ksdi h2{ font-size:14px;}
 
 
 .kslj .swiper-button-next{ display:block; background: url(/theme/default/static/images/right.png) rgba(0,0,0,0.1) center no-repeat; background-size:30px auto; border-radius:15px}
.kslj .swiper-button-prev{ display:block; background: url(/theme/default/static/images/left.png)rgba(0,0,0,0.1) center no-repeat; background-size:30px auto;border-radius:15px}
}





@media only screen and (max-width:992px){
		
	
.xczx1{ position:absolute; left:0; bottom:0; width:100%; height:50%; left:0; text-align:center}	
.xczx1 img{ height:100%; width:auto}

.zxzi1{ position:absolute; right:5%; width:90%; transform:translateY(0);transition:all 1s ease-in-out; opacity:0; }
.active  .zxzi1{ opacity:1; top:80px; transform:translateY(0); transition-delay:0.2s;}

.shangxia h1{ width:40px; text-align:center; line-height:40px; cursor:pointer}

.zxzi1 h3{ font-size:25px; }
.zxzi1 p{ display:block; font-size:16px; color:#000; margin-top:15px}
.zxzi1 span{ display:block; font-size:14px; color:#666; margin:30px 0; }


.zxzi2{ position:absolute; right:5%; width:90%; }
.active  .zxzi2{ opacity:1; transform:translateY(-50%); transition-delay:0.2s;}

.zxzi2 h3{ font-size:25px; }
.zxzi2 p{ font-size:14px;  margin-top:15px; line-height:30px;}
.zxzi2 span{ font-size:14px;  margin:30px 0;}


.zxzi3{ position:static; transform:none;  width:90%; margin:0 auto }
.active .zxzi3 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;}
.zxzi3 h3{ font-size:25px; }
.zxzi3 p{ font-size:14px;  margin-top:15px; line-height:30px;}
.zxzi3 span{ font-size:14px;  margin:30px 0;}




.xczx2:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-image: linear-gradient(0deg, rgba(225,224,220,0.6),#e1e0dc   ); }		
.xczx2 img{  height:100%; width:auto; position:absolute; left:0; bottom:0}
	
	
.xczx3{ position:relative; width:100%; height:auto;}	
.xczx3 img{ width:70%; height:auto}
	
.xczx4:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; background-image: linear-gradient(180deg, #fff,rgba(255,255,255,0.8)  ); }		

.dengji { width:90%; transform:none; top:80px}
.dengji .djbt h3{ font-size:25px; }
.dengji .djbt h2{ font-size:12px; }


.dengji ul li span { display:block; width:75px; font-size:14px; line-height:25px}
.dengji ul li p{ display:block; width:calc(100% - 80px) }
.dengji ul li h1{ display:block; font-weight:normal; font-size:14px;  }

.tijiao2{ width:120px; line-height:40px;  font-size:14px;}
		
.dengji ul li{ margin-bottom:10px; display: flex;   justify-content: space-between; width:100%; line-height:25px;}

.dengji .bd1{ line-height:25px; height:25px}

.cp6 ul li:nth-child(2n){ border:0}




.zxzi1 h1 img{ height:30px; width:auto}
}



.gy01{ position:absolute; width:96%; max-width:1400px; left:50%; top:50%; transform:translate(0,-50%);  z-index:2;   opacity:0;transition:all 1s ease-in-out;
animation-name: example3;
  animation-duration: 1s;
  animation-direction: alternate;}
.active  .gy01{ opacity:1; left:50%; top:50%; transform:translate(-50%,-50%); transition-delay:0.2s;}


@keyframes example3 {
  0%   {transform:translate(0,-50%); opacity:0}
  100% {transform:translate(-50%,-50%); opacity:1 }
}



.gy01 h3{ display:block; font-size:50px; color:#fff}
.gy01 p{ display:block; font-size:20px; color:#fff; margin:20px 0}
.gy01 em{ display:block; width:83px; height:5px; background:#fff;}

.gy1{ width:100%; height:100vh;}
.gy1 img{ position:absolute; right:0; top:0; height:100%;object-fit: cover;}



.gy2{ display: flex;   justify-content: space-between;   align-items: center; }
.gy3{ display: flex;   justify-content: space-between;   align-items: center;flex-direction:row-reverse }



.gy21{ width:50%;}
.gy22{ width:50%;}
.gy22 img{ width:100%;object-fit: cover; min-height:100%}

.qywh{ width:96%; margin:0 auto; max-width:590px; position:relative}
.qywh ul li{ padding:70px 0;}
.qywh:after{ content:""; width:60px; height:6px; background:#c21729; position:absolute; bottom:0; left:0}


 .whbt{position:relative;}
 .whbt h1{ display:inline-block;  z-index:9;position:relative; font-size:25px; color:#000}
 .whbt em{  position:absolute; z-index:0; left:0; color:#ebebeb; font-size:90px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-style:normal; bottom:-10px; font-weight:bold}
 .whbt span{ display:inline-block; font-size:35px; color:#b80e26}
.qywh ul li p{ display:block; color:#666666; font-size:18px; margin-top:30px}


.fuwu{ text-align:center;}
.fuwu .whbt{ display:inline-block}
.fuwu ul li{ float:left; width:50%; margin-top:30px}
.fuwu ul li img{ width:50px; height:auto}
.fuwu ul li h3{ display:block; font-size:18px; color:#333; margin:15px 0}
.fuwu ul li p{ display:block; width:90%; margin:0 auto; max-width:240px; font-size:14px; line-height:24px; color:#999}



.wmcp{ width:96%; max-width:700px; margin:0 auto}

#lib_Tab3{width:100%;margin:0px;padding:0px;margin-bottom:15px; margin-top:80px;}

#lib_Tab3 .lib_Menubox {height:55px;line-height:58px;position:relative;}
#lib_Tab3 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; width:100%; top:0px; left:0; height:25px;text-align:center;  display: flex;  }
#lib_Tab3 .lib_Menubox li{ display:block;cursor:pointer;color:#333;height:55px;line-height:55px; font-size:16px; position:relative; width:auto; padding:0 15px;}
#lib_Tab3 .lib_Menubox li:last-child:after { content:none;}
#lib_Tab3 .lib_Menubox li:after{ content:"¡¤"; position:absolute; right:0; color:#c1c1c1}
#lib_Tab3 .lib_Menubox li.hover:after{ font-weight:normal}
#lib_Tab3 .lib_Menubox li.hover{padding:0px; color:#c21729;height:55px;line-height:55px; border-bottom:#c21729 3px solid; font-weight:bold}
#lib_Tab3 .lib_Contentbox{clear:both;margin-top:0px; border-top:none; padding-top:80px}


.wocpjs h3{ display:block; font-size:20px; color:#333; margin-bottom:25px}
.wocpjs p{ display:block; font-size:14px; line-height:24px; color:#666}


.nbt4{ font-size:30px; color:#000; padding:50px 0; text-align:center; font-weight:bold}
.zhaopin{ width:96%; margin:0 auto; max-width:1400px; display: flex;   justify-content: space-between;}
.zplb{ background:#fff; width:49%;}
.zplb h3{ display:block; background:#c21729; color:#fff; font-size:20px; line-height:55px; text-align:center}

.zplb ul{ padding:40px; box-sizing:border-box}

.zplb ul li{ border-bottom:#f4f4f4 1px solid; line-height:60px;display: flex;   justify-content: space-between; s }

 .zplb ul li img{ vertical-align:middle; width:8px; height:auto; padding-right:5px}
 .zplb ul li  a{color:#666 ; font-size:16px;}
  .zplb ul li  a:hover{ color:#b80e26}
  .zplb ul li span{ font-size:14px; color:#999}
  
  
  
.tanchu {width:100%; height:100%; display:none; position:absolute;top:0; left:0; background:rgba(0,0,0,0.8); z-index:9999999;}
.tanchu .gb {width:50px; height:50px; position:absolute; top:0px; right:0px; cursor:pointer; background:#c21729; text-align:center}

.tanchu .gb i{ line-height:50px; text-align:center; color:#fff; font-size:20px}
.tczp{ width:96%; max-width:1200px; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:0 50px; box-sizing:border-box  }
  
  .tzp1{ font-size:30px; color:#333; text-align:center; font-weight:bold; padding:40px 0}
  .tzp2{ border-top:#eeeeee 1px solid; border-bottom:#eeeeee 1px solid;  display: flex;   justify-content: space-between;   align-items: center; font-size:16px; color:#999}
  
  .tzp3{ margin:30px 0; height:220px;overflow-y:scroll; }
  .tzp3 h1{ display:block; color:#c21729; font-size:20px;}
  .tzp3 p{ display:block; font-size:14px; line-height:25px; color:#333}
  .tzp3::-webkit-scrollbar{width:7px;}
  .tzp3::-webkit-scrollbar-track{background-color:#eeeeee;}
  .tzp3::-webkit-scrollbar-thumb{background-color:#c21729;}
 

  .tzp4{ border-top:#eee 1px solid; color:#c21729; font-size:16px;}
  .tzp4 a{color:#c21729;}
  
  
  .hezuo{ width:96%; margin:50px auto; max-width:1400px; overflow:hidden}
.hezuo ul{ position:relative; margin:0 -12px}

.hezuo ul li{ padding:12px; box-sizing:border-box; float:left; width:14.28%;}
.hezuo ul li img{ border:#e5e5e5 1px solid; width:100%; height:auto; box-sizing:border-box}
.hezuo ul li:hover img{ border:#c21729 1px solid; }



@media only screen and (max-width:1400px){
	
.gy01 h3{ font-size:40px;}
.gy01 p{ font-size:18px;  margin:20px 0}

.qywh ul li{ padding:40px 0;}

 .whbt h1{  font-size:23px; color:#000}
 .whbt em{  font-size:70px;  bottom:-10px; }
.qywh ul li p{  font-size:16px; margin-top:30px}

#lib_Tab3 .lib_Menubox li{ font-size:14px;  padding:0 10px;}

}


@media only screen and (max-width:992px){
	
.gy01 h3{ font-size:20px;}
.gy01 p{ font-size:14px;  margin:20px 0}

.gy1{ background:#000}
.gy1 img{ opacity:0.7}


.gy2{ display:block}

.gy21{ width:100%; position:absolute; left:0; top:0; height:70%; padding-top:70px; box-sizing:border-box}
.gy22{ width:100%; position:absolute; left:0; bottom:0; height:30%; overflow:hidden}

.qywh ul li{ padding:10px 0;}
 .whbt h1{  font-size:16px; color:#000}
.whbt em{  font-size:40px;  bottom:0px; }
.qywh ul li p{  font-size:14px; margin-top:5px}


.gy22 img{ width:100%; height:auto; min-height:inherit; position:absolute; left:0; top:50%; transform:translateY(-50%)}


.fuwu ul li{ margin-top:10px}
.fuwu ul li img{ width:30px; height:auto}
.fuwu ul li h3{ display:block; font-size:14px;  margin:10px 0}
.fuwu ul li p{  font-size:12px; line-height:20px; color:#999; display:none;}


#lib_Tab3{ margin-top:20px;}
#lib_Tab3 .lib_Menubox ul{flex-wrap:wrap}
#lib_Tab3 .lib_Menubox li{ height:auto;line-height:20px; padding:8px 0; font-size:14px; width:50%;}
#lib_Tab3 .lib_Menubox li.hover{height:auto;line-height:20px;padding:8px 0; }
#lib_Tab3 .lib_Contentbox{ padding-top:40px}
#lib_Tab3 .lib_Menubox li:after{ content:none;}
#lib_Tab3 .lib_Menubox li.hover:after{ font-weight:none;}

.wocpjs h3{  font-size:14px; margin-bottom:25px}
.wocpjs p{  font-size:12px; line-height:20px; }



.nbt4{ font-size:23px;  padding:20px 0; }
.zhaopin{ display:block }
.zplb{ background:#fff; width:100%;}


.zplb h3{  font-size:16px; line-height:35px;}
.zplb ul{ padding:15px; }

.zplb ul li{  line-height:30px;}

 .zplb ul li  img{ vertical-align:middle; width:8px; height:auto; padding-right:5px}

  .zplb ul li span{ font-size:12px; color:#999}
  
  .tczp{  padding:0 20px; }
  
  .tzp1{ font-size:18px; padding:20px 0} 
  .tzp2{  font-size:12px;}
  .tzp3{ margin:20px 0; height:220px;overflow-y:scroll; }
  .tzp3 h1{  font-size:16px;}
  .tzp3 p{ font-size:12px; line-height:23px;}
  .tzp4{ padding:5px 0; font-size:12px}
  
  
  .hezuo ul{ position:relative; margin:0 -5px}
.hezuo ul li{ padding:5px; box-sizing:border-box; float:left; width:25%;}

  .hezuo{ margin:20px auto;}
}



.fdwz2{ text-align:center; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}

.fdwz2 h1{ font-size:40px; color:#363433}
.fdwz2 h2{ font-size:20px; color:#363433; font-weight:normal}

.fdwz2 em{ display:block; margin:0 auto; width:83px; height:5px; background:#363433; margin-top:10px}



@media only screen and (max-width:1400px){
	.fdwz2 h1{ font-size:35px; }
.fdwz2 h2{ font-size:18px; }

	
}


@media only screen and (max-width:992px){
.fdwz2 h1{ font-size:20px;}
.fdwz2 h2{ font-size:14px; }

}




.cpxq1{ width:96%; margin:0 auto; max-width:1400px; background:#fff; margin-top:60px}

.cpxq2{width:96%; margin:0 auto; max-width:1400px; margin-bottom:50px}

.cpxq1  .xxygxq1{ padding:60px; box-sizing:border-box}
.cpxq1 .xxygxq1 .xxfx{ width:240px; float:right; padding-left:80px; box-sizing:border-box}
.cpxq1 .xxygxq1 .cpjs1{ width:calc(100% - 240px); border-right:#f4f4f4 1px solid; float:left; box-sizing:border-box}


.wrapper {
	position:relative;
	width:450px;
	height:350px;
	float:left;
	position:relative
}
.gotop {
	cursor:pointer;
	display:block;
	width:100%;
	margin:0 auto 10px;
	text-align:center;
}
.gobottom {
	cursor:pointer;
	display:block;
	width:100%;
	margin:10px auto 0;
	text-align:center;
}
.wrapper .smallBox {
	height:350px;
	width:80px;
	float:left;
}
.wrapper .smallBox li {
	width:80px;
	margin-bottom:10px;
	cursor:pointer;
}

.wrapper .smallBox li img {
	cursor:pointer;
	display:block;
	width:80px;	
	height:80px;
	border:1px solid #eeeeee;
	box-sizing:border-box
}
.wrapper .smallBox li.hover img {
	border:1px solid #b80e26;
}
.wrapper #Box {
	height:350px;
	width:350px;
	position:relative;
	border:1px solid #ccc;
	float:right;
	cursor:crosshair;
}
.wrapper #bigBox {
	height:300px !important;
	width:300px !important;
	position:absolute;
	top:0px;
	left:400px;
	overflow:hidden;
	display:none;
	border:1px solid gray;
}
.wrapper #bigBox img {
	max-width:inherit;
}
#Box img {
	position:relative;
	width:100%;
	height:100%;
	object-fit:cover;	
}
#Box #lay {
	background:#fff;
	border:1px solid gray;
	position:absolute;
	top:0;
	left:0;
	opacity:0.5;
	display:none;
	filter:alpha(opacity=50);
}
.box_wrapper {
	height:270px;
	overflow:hidden;
	position:relative
}
.box_wrapper ul {
	margin:0;
	position:relative;
	transition:all 0.8s ease-in-out;
}

.smallBox i{ display:block; width:100%; background:#eee}

.fangda{ width:37px; line-height:37px; text-align:center; background:#f4f4f4; color:#666; position:absolute; right:1px; bottom:1px; z-index:99}


.cpxx{ width:calc(100% - 490px); float:right }

.cpxx h3{ font-size:24px; color:#333333; font-weight:normal; display:block;  line-height:30px}

.cpxx em{ color:#b80e26; font-style:normal; font-size:14px; display:block; margin-top:10px; margin-bottom:40px}


.cpxx p{ display:block; margin-bottom:20px; font-size:14px; color:#999}


.cpxx p b{ font-weight:normal; color:#666666}
.cpxx p i{ font-size:14px; color:#dedede; padding-right:3px}
.cpxx span a{ display:block; width:160px; line-height:50px; text-align:center; background:#c21729; font-size:16px; color:#fff; margin-top:30px}



.guige{ margin:30px;}
.guige ul{  display: flex;   justify-content: space-between;  flex-wrap:wrap}
.guige ul li{ width:45%;border-bottom:#eeeeee 1px dashed; padding:40px  0; display: flex;   justify-content: space-between;  align-items: center; }
.guige ul li:last-child {border-bottom:0 none;}
.guige ul li:nth-last-child(2) {border-bottom:0 none;}
.guige ul li:nth-child(2n){ width:55%; padding-left:5%; box-sizing:border-box}
.guige ul li:nth-child(2n) dl{margin-right:0; border:0}
.guige ul li h1{ display:block; width:140px; font-size:16px; color:#333}
.guige ul li dl{ display:block; width:calc(100% - 140px); border-right:#eee 1px solid}
.guige ul li dl dt{ display:block; font-size:14px; color:#333; display: flex; line-height:23px; padding:10px 0}
.guige ul li dl dt p{ display:block; width:120px;}



.xgzz{ margin:30px; overflow:hidden}

.xgzz ul{ position:relative; margin:0 -10px;}

.xgzz ul li{ float:left; width:25%; padding:10px; box-sizing:border-box}

.xgzz ul li img{ width:100%; height:auto}


.xqbt2{ text-align:center; padding:35px 0; font-size:20px; color:#333; font-weight:bold; }
.xqbt2 em{ display:inline-block;}
.tscp ul li{ border:#f0f0f0 1px solid; margin:0 auto; max-width:350px; width:100%; position:relative; margin-bottom:20px; overflow:hidden}
.tscp ul li img{ width:100%; height:auto}

.tscp ul li p{ display:block; position:absolute; z-index:2; background:rgba(0,0,0,0.7); color:#fff; padding:10px; width:100%; box-sizing:border-box; bottom:0; left:0; font-size:14px; text-align:center; transform:translateY(60px); transition:all 0.6s}

.tscp ul li:hover p{transform:translateY(0px); transition:all 0.6s}


@media only screen and (max-width:1270px){
	
	.cpxq1  .xxygxq1{ padding:30px; box-sizing:border-box; display:block}
.cpxq1 .xxygxq1 .xxfx{ width:100%; float:none; padding-left:0; box-sizing:border-box}
.cpxq1 .xxygxq1 .cpjs1{ width:100%; border:0; border-bottom:#f4f4f4 1px solid; float:none; padding-bottom:20px;}

	
}


@media only screen and (max-width:992px){
	
	
	.wrapper {
	position:relative;
	width:450px;
	height:350px;
	float:none;
	margin:0 auto

}
.cpxx{ width:100%; float:none; margin-top:30px }
.cpxx h3{ font-size:18px;   line-height:25px}
.cpxx em{  margin-bottom:20px}
.cpxx p{ display:block; margin-bottom:15px; font-size:12px; color:#999}

.cpxx span a{ display:block; width:100px; line-height:30px; font-size:14px;  margin-top:30px}
	

.guige{ margin:15px;}
.guige ul{  display: flex;   justify-content: space-between;  flex-wrap:wrap}
.guige ul li{ width:100%;border-bottom:#eeeeee 1px dashed; padding:20px  0; display:block }

.guige ul li:nth-child(2n){ width:100%; padding-left:0; box-sizing:border-box}

.guige ul li h1{ display:block; width:100%; font-size:14px; color:#333; margin-bottom:10px}
.guige ul li dl{ display:block; width:100%; border:0}
.guige ul li dl dt{ display:block; font-size:12px; color:#333; display: flex; line-height:20px; padding:10px 0}
.guige ul li dl dt p{ display:block; width:120px;}

.guige ul li:nth-last-child(2) {border-bottom:#eeeeee 1px dashed;}

.xgzz ul li{ float:left; width:50%; padding:10px; box-sizing:border-box}

.cpxq1{ margin-top:20px}
.cpxq1 .xxygxq1{ padding:15px}
	
}


@media only screen and (max-width:600px){
	
	.wrapper { width:100%}
.wrapper #Box{ width:calc(100% - 90px)  }
#Box img{ width:100%; height:auto; position:absolute; top:50%; transform:translateY(-50%)}
	
	
}


.cplb1{ width:96%; margin:80px auto; max-width:1400px}
.cplb1 ul{ display: flex;   justify-content: space-between; flex-wrap:wrap; }

.cplb1 ul li{ width:49%; background:#eff1f0; margin-bottom:2%; display: flex;   justify-content: space-between;   align-items: center; }
.cplb1 ul li:nth-child(3),.cplb1 ul li:nth-child(4){flex-direction:row-reverse}




.cplb1 ul li .cp01{ width:50%; height:100%; position:relative;}
.cplb1 ul li .cp01 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%;}

.cplb1 ul li .cp02{ width:50%; padding:60px 0; box-sizing:border-box; padding-right:60px;}
.cplb1 ul li:nth-child(3) .cp02,.cplb1 ul li:nth-child(4) .cp02{ padding-right:0; padding-left:60px}


.cplb1 ul li .cp02 h3{ display:block; font-size:20px; color:#333;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap;}

.cplb1 ul li .cp02 h3 a{ display:block; color:#333}

.cplb1 ul li .cp02 p{ display:block; margin:20px 0; font-size:14px; line-height:25px; color:#999}

.cplb1 ul li .cp02 h1{ display:block; font-weight:normal}
.cplb1 ul li .cp02 h1 em{ display:inline-block; font-style:normal; background:#e5e5e5; color:#666; font-size:14px; padding:0 10px; border-radius:15px; margin-right:5px; line-height:22px}
.cplb1 ul li .cp02 span a{ display:block; margin-top:30px; width:120px; line-height:35px; text-align:center; color:#fff; background:#b80e26;transition:all 0.6s}
.cplb1 ul li .cp02 span a:hover{ transform:translateX(10px); transition:all 0.6s}


.cplb2{ width:96%; margin:30px auto; max-width:1400px}
.cplb2 ul{ display: flex;   justify-content: space-between;flex-wrap:wrap;  }

.cplb2 ul li { width:24%; margin-bottom:2%;border:#eeeeee 1px solid; border-radius:10px;  }
.cplb2 ul li  a{ display: flex;   justify-content: space-between;   align-items: center; height:120px;}
.cplb2 ul li i{ display:block; width:calc(100% - 130px); height:100%; position:relative;}
.cplb2 ul li i img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%;}


.cplb2 ul li .cplb21{ width:130px; }

.cplb2 ul li .cplb21 p{ display:block; font-size:14px; color:#666; line-height:30px}

.cplb2 ul li .cplb21 span{ display:block; width:90px; line-height:30px; color:#666; text-align:center; background:#f4f4f4}
.cplb2 ul li:hover .cplb21 span{ background:#b80e26; color:#fff}

.cplb3{ width:96%; margin:0 auto; max-width:1400px; overflow:hidden}
.cplb3 ul{ position:relative; margin:0 -25px;}
.cplb3 ul li{ width:25%; padding:0 25px; margin-bottom:40px; box-sizing:border-box; float:left; text-align:center}

.cplb3 ul li i{ display:block; width:100%; height:auto; overflow:hidden; margin-bottom:15px}
.cplb3 ul li i img{ width:100%; height:auto; transition:all 0.6s}
.cplb3 ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}

.cplb3 ul li h3{ display:block; font-size:16px; color:#333;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }

.cplb3 ul li p{ display:block; margin:10px 0; font-size:14px; color:#666;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
.cplb3 ul li span{ display:block; width:80px; line-height:25px; color:#c40000;  margin:0  auto}
.cplb3 ul li:hover span{ background:#c40000; color:#fff}




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

.cplb1 ul li .cp02{ width:50%; padding:30px 0; box-sizing:border-box; padding-right:30px;}
.cplb1 ul li:nth-child(3) .cp02,.cplb1 ul li:nth-child(4) .cp02{ padding-right:0; padding-left:30px}

.cplb1 ul li .cp02 h3{ display:block; font-size:20px; color:#333}
.cplb1 ul li .cp02 p{ display:block; margin:10px 0; font-size:12px; line-height:23px; color:#999}
.cplb1 ul li .cp02 h1 em{  font-size:12px;}
.cplb1 ul li .cp02 span a{  margin-top:20px; width:100px; line-height:25px; }

.cplb2 ul li i{ display:block; width:calc(100% - 90px); height:100%; position:relative;}
.cplb2 ul li .cplb21{ width:90px; }	
.cplb2 ul li .cplb21 p{  font-size:12px; }
.cplb2 ul li .cplb21 span{ width:70px; line-height:30px; }	



.cplb3 ul{ position:relative; margin:0 -15px;}
.cplb3 ul li{ width:25%; padding:0 15px; margin-bottom:20px;}


}



@media only screen and (max-width:992px){
.cplb1{ margin:30px auto; }
	
.cplb1 ul{ display:block}
.cplb1 ul li{ width:100%; position:relative; display:block;}
.cplb1 ul li .cp01{ position:absolute; width:50%; height:100%; left:0; top:0}

.cplb1 ul li .cp02{ width:50%; padding:15px 0; box-sizing:border-box; margin-left:50%; padding-right:15px}
.cplb1 ul li:nth-child(3) .cp02,.cplb1 ul li:nth-child(4) .cp02{ padding-right:0; padding-left:15px;  margin-left:0}
.cplb1 ul li:nth-child(3) .cp01,.cplb1 ul li:nth-child(4) .cp01{ left:auto; right:0}

.cplb1 ul li .cp02 h3{  font-size:16px; }



.cplb2 ul li { width:49%; margin-bottom:2%;border:#eeeeee 1px solid; border-radius:10px; }
.cplb2 ul li  a{  height:80px;}
.cplb2 ul li .cplb21 span{ width:70px; line-height:20px; }	

.cplb2 ul li i{ display:block; width:calc(100% - 80px); height:100%; position:relative;}
.cplb2 ul li .cplb21{ width:80px; }	

.cplb3 ul{ position:relative; margin:0 -15px;}
.cplb3 ul li{ width:50%; padding:0 15px; margin-bottom:20px;}

.cplb3 ul li h3{  font-size:14px;  }
.cplb3 ul li p{  font-size:12px;  }



}