@charset "gb2312";
/* CSS Document */
body {
	background: #f4f4f4;
	font-size: 16px;
	line-height: 28px;
	-webkit-text-size-adjust: 100%;
}
body, input, textarea, select {
	 border:0px;	padding: 0;margin: 0; 
	color: #474342;
	font-family: Helvetica_0, 'PingFangSC-Regular', 'Microsoft YaHei', '微软雅黑', sans-serif;
}
body, p, ul, dl, dd, form, textarea, input, ol {
	margin: 0;
}
ul, ol, td, th {
	padding: 0;
	list-style: none outside;
}
a {
	color: #292929;
	text-decoration: none;
	transition: color 0.2s;
}
a:hover {
	color: #ef0100;
}
a, button, li {
	-webkit-tap-highlight-color: transparent;
}
a:focus, input, textarea, select, button {
	outline: none;
}
a.current {
	color: #e80405;
}
textarea {
	overflow: auto;
	resize: none;
}
input, textarea, select {
	font-size: 100%;
}
textarea::-webkit-input-placeholder {    color: #CCC;}
input::-webkit-input-placeholder {    color: #CCC;}
input::-ms-input-placeholder {    color: #CCC;}
img {
	border: 0;
	vertical-align: top;
	max-width: 100%;
}
table {
	border-collapse: collapse;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input[type=submit], input[type=reset], input[type=number], input[type=tel], input[type=text], input[type=password], button, textarea {
-webkit-appearance: none !important; 
margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}
input, textarea, button {
	border-radius: 0;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
figure {
	display: block;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
.detail-gallery figure { margin:0px; padding:0px;}
.fontsize12{ font-size:12px}
.fontsize14{ font-size:14px}
.clear:after {
	display: block;
	clear: both;
	content: '';
	visibility: hidden;
	height: 0;
}
.clear {
	zoom: 1;
}
.float-left {
	float: left;
	display: inline;
}
.float-right {
	float: right;
	display: inline;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.cont {
	width: 1200px;
	margin: 0 auto;
	clear: both;
}
.xs-hidden {
	display: block;
}
.xs-visible {
	display: none;
}
.space1 {
	clear: both;
	height: 1px;
	line-height: 0;
	font-size: 0
}
.space8 {
	clear: both;
	height: 8px;
	line-height: 0;
	font-size: 0
}
.space10 {
	clear: both;
	height: 10px;
	line-height: 0;
	font-size: 0
}
.space15 {
	clear: both;
	height: 15px;
	line-height: 0;
	font-size: 0
}
.space20 {
	clear: both;
	height: 20px;
	line-height: 0;
	font-size: 0
}
.space25 {
	clear: both;
	height: 25px;
	line-height: 0;
	font-size: 0
}
.space30 {
	clear: both;
	height: 30px;
	line-height: 0;
	font-size: 0
}
.space40 {
	clear: both;
	height: 40px;
	line-height: 0;
	font-size: 0
}
.space50 {
	clear: both;
	height: 50px;
	line-height: 0;
	font-size: 0
}
.space60 {
	clear: both;
	height: 60px;
	line-height: 0;
	font-size: 0
}
.space70 {
	clear: both;
	height: 70px;
	line-height: 0;
	font-size: 0
}
.space80 {
	clear: both;
	height: 80px;
	line-height: 0;
	font-size: 0
}
.space100 {
	clear: both;
	height: 100px;
	line-height: 0;
	font-size: 0
}
.space150 {
	clear: both;
	height: 150px;
	line-height: 0;
	font-size: 0
}
.white {
	background-color: #FFF;
}
.padding10 {
	padding: 10px;
}
.padding20 {
	padding: 20px;
}
.padding_lr20 {
	padding-left: 20px;
	padding-right: 20px
}
.margin_lr20 {
	margin-left: 20px;
	margin-right: 20px
}
.margin_r10 {
	margin-right: 10px
}
.margin_r20 {
	margin-right: 20px
}
.margin_r80 {
	margin-right: 80px
}

.hide {
	display: none;
}
/* CSS Document */
.header {
	height: 70px
}
.navigation {
/*	float: right;
*/}
.navigation ul{ float:right}
.navigation li {
	font-size: 18px;
	letter-spacing: 0.4px;
	line-height: 70px;
	float: left;
}
#nav li { margin-left:50px;}
.navigation a.current, .filter a.is-checked {
	color: #e80405;
}
.navigation .top20 {
	margin-top: 20px;
}
.navigation .link0 {
	margin-right: 0px;
}
.navigation .link20 {
	margin-right: 20px;
}
.navigation .login { display:inline-block; font-size:14px;  line-height:30px; padding:0px 15px 0px 15px; border-radius:5px; border:#f40000 1px solid; color:#F00; margin-right:10px}
.navigation .TG{  display:inline-block; font-size:16px;line-height:30px;padding:0px 10px 0px 30px;  border-radius:5px; background:url(../img/but.jpg) 10px no-repeat;border:#f40000 1px solid; color:#FFF; background-color:#f40000; }
#Userstate {float:right;}
#Menulogin{/* display:none;*/ margin-top:20px;}
#ShowUser{ /*display:none; */width:75px; height:50px; margin-top:20px; position:relative;z-index:8; cursor:pointer}
#ShowUser ul{ display:none; width:90px; position:absolute;z-index:99; background:#FFF; top:50px; left:-10px;}
#ShowUser li{ text-align:center;font-size:14px; width:100%; line-height:40px; }
#ShowUser .hov{ background-color:#f40000;}
#ShowUser .hov a{  color:#FFF; font-weight:bold}
.UserImg { width:30px; height:30px; border-radius:50%; background-size: cover; float:left }
.UserPhoto { width:30px; height:20px; background-size: cover; float:left }
.UserICO { width:30px; height:30px; background:url(../img/more_down.png) 0px 2px no-repeat; float:right }
.VTime{ position:absolute; bottom:10px; right:10px; color:#FFF}
.linetop20{border-top:#E6E6E6 1px solid; height:20px; overflow:hidden}
.Input {
	border: #E8E8E8 1px solid;
	padding: 3px 10px;
	font-size: 15px;
	line-height: 30px;
	float: left;
}
.Ptbz{ height:100px ; background:url(../img/ptbzbj.png)}
.PtbzTD li{	width: calc(100%/4); height:100px; float:left;display: flex; justify-content: center; align-items:center}
.PtbzTD dl{ width:auto !important; height:auto; overflow:hidden }
.PtbzTD dl h3{ color:#01a04b; margin:0px; line-height:30px; font-size:18px}
.PtbzTD dl p{ font-size:12px; line-height:22px}
.PtbzTD dl dd{ float:left; padding-left:55px}
.PtbzTD_bot li{width: calc(100%/2);display:block; height:92px}
.JZYC li{width: calc(100%/2);display:block; height:92px}
.JZYC dl dd{ float:left; padding-left:45px}
.JZYC dl h3{ color:#ff6900;}
.PtbzTD_line li{ background:url(../img/titbj.png) right center no-repeat}
.PtbzTD_line li:last-child {background-image:none}
.PtbzTD_sjcy li{ width: calc((100% - 8px)/5); border-right:2px #f4f4f4 solid}
.PtbzTD_sjcy li:last-child {border-right:0px }
.PtbzTD_sjcy dt img{ width:45px;}
.PtbzTD_sjcy dt{ float:left; width:45px;}
.PtbzTD_sjcy dl dd{ float:left; padding-left:5px}
.PtbzTD_sjcy h3.mouseover {  color:#F00}
.PtbzTD_botTit { height:35px; border-bottom:#ECECEC 1px solid; width: calc(100% - 80px)}
.IndexAD {
	overflow: hidden;
	height: auto
}
.IndexAD li {
	float: left;
	width: calc((100% - 100px )/6);
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px
}
.IndexAD li img {
	height: 150px;
	width: 100%
}
.IndexAD li:nth-of-type(6n) {
	margin-right: 0;
}


/* CSS Document */
	
.footer {
	height: auto;
	overflow: hidden;
	background-color: #3a3a3a;
	color: #FFF;
	padding-top:60px
}
.footer-bot {
	padding-top:10px;
	color: #acacac;
	font-size:14px;
	line-height:25px;
	
}
.footer a {
	color: #FFF;
}
.footer a:hover {
	color: #ef0100;
}
.footer-list{width:calc(100% - 500px ) ;}
.footer-list dl{ float:left;width:calc(100% / 6);}
.footer-list dd{ margin-top:10px}
.footer-list li{ color: #acacac;font-size:14px}
.footer-list li a{ color:#acacac;}
.detail{ display:none}
.ClassBJ{z-index:10; height:auto; overflow:hidden; width:100%;position:absolute; top:-75px}
.ClassBJimg{ background-repeat:no-repeat; background-position:top center; height:455px}
.XClassTop{ padding:130px 20px 20px 20px; height:auto; overflow:hidden;}
/* CSS Document */
.category_switch {
	margin-right: 20px;
	border: #E3E3E3 1px solid;
	border-radius: 5px;
	padding: 1px
}
.switch-btn {
	padding: 2px 0px 2px 0px;
	text-align: center;
	border-radius: 5px;
	width: 80px;
	display: inline-block;
}
.switch-btn.active {
	color: #FFF;
	background-color: #f40000;
}
.Classes {
	overflow: hidden;
}
.Classes li {
	float: left;
	padding: 11px 15px 11px 15px;
}
.more-categories {
	padding-top:2px;
	width: 15px;
	height: 30px;
	text-align: center;
	cursor: pointer;
/*	display:none
*/}
.area {
	display:none;
	
	border-top: #e5e4e4 1px solid;
	padding-top: 20px;
	text-align: right;
	padding-bottom: 20px;
}
.area select{font-size:14px;}
.Newarea select{font-size:14px; border:#CCC 1px solid}
.TwoClasses ul {
	border: 1px solid #E8E8E8;
	border-radius: 5px;
	overflow: hidden;
	height: auto;
	padding: 1px
}
.TwoClasses li {
	float: left;
	line-height: 20px;
	padding: 3px 10px 3px 10px;
	border-right: #CCC 1px solid;
	background-color: #FFF
}
.TwoClasses li.active {
	background-color: #ef0100;
	border-radius: 4px
}
.TwoClasses li.active a {
	color: #FFF;
}
.rigTit{position:absolute; top:100px; right:0px;}
.rigTit a{ color:#FFF; margin-left:20px;}
/* CSS Document */

.projects li {
	float: left;
	width: calc((100% - 52px) / 4);
	margin: 0 15px 15px 0;
}
.projects a {
	overflow: hidden;
	position: relative;
	display: block;
	padding-top: 69.57%;
	background-size: auto 100%;
	background-position: 50%;
	color: #FFF;
}
.projects p {
	opacity: 0;
	transition: opacity 0.3s;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 100%;
	width: 100%;
	background-color: #333;
}
.projects span {
	opacity: 0;
	transition: opacity 0.3s;
	position: absolute;
	left: 18px;
	right: 18px;
	top: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.project-image {
	transition: transform 1s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50%;
}
.projects a:hover p {
	opacity: 0.5;
}
.projects a:hover span {
	opacity: 1;
}
.projects li:nth-child(3) {
	margin-right: 0;
}
.projects li:nth-child(5) {
	margin-right: 0;
}
.projects li:nth-child(1) {
	width: calc(50% - 5px);
}
.projects li:nth-child(1) span {
	opacity: 1;
	transition: opacity 0.3s;
	position: absolute;
	top: auto;
	bottom: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	font-size: 22px;
	color: #FFF
}
/* CSS Document */
.products dl {
	background-color: #FFF;
	float: left;
	width: calc((100% - 60px) / 4);
	margin: 0 20px 20px 0;
	height:308px;
	overflow:hidden;
}
.products dd {
	padding: 2px 15px 10px 15px
}
.products dt h2 {
	text-align:center;
	font-size: 24px;
	padding-top:100px;
	padding-bottom:80px;
	letter-spacing:3px
}
.products dd h2 {
	font-size: 16px;
	height: 50px;
	font-weight: normal;
	overflow:hidden
}
.products dl img {
	width: 100%;
	height: 190px;
}
.products dl:nth-of-type(4n) {
	margin-right: 0;
}
.products dd p {
	font-size: 14px;
	color: #8d8d8d;
	width: 100%;
	border: #FFF 1px solid;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}
.products dd p a {
	color: #8d8d8d;
	line-height: 30px;
}
.products dd p a:hover {
	color: #ef0100;
}
.products dd p span{ background-color:#EEE; border-radius:2px; padding:0px 10px 0px 10px}
.products dd span {	color: #8d8d8d;}
.products .ZT dl{
	width: calc((100% - 140px) / 4);
	padding: 10px 10px 0px 10px;
	height:298px;
	overflow:hidden;	
}
.products .ZT dl:nth-of-type(4n) {margin-right: 0;}
.products .ZT dl img {	width: 100%;	height: 176px;}
.ZT dt { height:auto; overflow:hidden;position:relative;}
.ZT dt span{ position:absolute; top:10px; left:10px; font-weight:bold; color:#FFF; width:calc(100% - 20px)}
.ZT dt span h4{ display:none; font-weight:normal; font-size:14px; border-top:#FFF 1px solid; line-height:40px;  margin:10px 0px}
.ZT a:hover span {	top: calc(50% - 40px);text-align:center}
.ZT a:hover span h4{ display:block}

.ZT dt p {
	opacity: 0;
	transition: opacity 0.3s;
	position: absolute;
	left: 0px;
	top: 0px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 100%;
	width: 100%;
	background-color: #333;
}
.ZT dd{ padding:15px 0px }
.ZT ul{ height:auto; overflow:hidden; min-height:63px}
.products .ZT dl li{ width:calc((100% - 10px) / 3); margin:5px 5px 0px 0px; float:left}
.products .ZT dl li img{ width:100%; height:58px}
.products .ZT dl li:nth-of-type(3n) { margin-right:0px;}

.products dl.ZT li{ width:calc((100% - 10px) / 3); margin:5px 5px 0px 0px; float:left}
.products dl.ZT li img{ width:100%; height:58px}
.products dl.ZT li:nth-of-type(3n) { margin-right:0px;}
.products dl.ZT{
	width: calc((100% - 140px) / 4);
	padding: 10px 10px 0px 10px;
	height:298px;	overflow:hidden;	
}
.products  dl.ZT:nth-of-type(4n) {	margin-right: 0;}
.products  dl.ZT img {	width: 100%;height: 176px;}

.products .ZT a:hover p {opacity: 0.5;}
.ZT .btn{ text-align:center; font-size:14px; line-height:30px; border-radius:0px }
.ZT .in { border:#e7e7e7 1px solid; width:calc(100% - 110px); background-color:#e7e7e7 }
.ZT .user{ width:calc(100% - 20px);}
.ZT .about { border:#e7e7e7 1px solid; width:60px; background-color:#FFF }

.products dl.Com {
	width: calc((100% - 220px) / 4);
	padding: 20px 20px 0px 20px;
	height:288px;
	overflow:hidden
}
.products dl.Com img {
	width: 100%;
	height: 164px;
	margin-bottom: 5px
}
.products dl.Com h3 {
	height: 47px;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
/*	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
*/	border-bottom: #EBEBEB 1px solid;
	width: 100%;
	position:relative
}
.products dl.Com h3 i{ height:20px; width:100%; text-align:center; position:absolute; bottom:-12px; left:0px}
.products dl.Com h3 i img{ width:20px; height:20px; }
.products dl.Com h3 a {
	color: #8d8d8d;
	line-height: 23px;
}
.products dl.Com dd p {
	text-align: center;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
}
.products dl.Com p a {
	color: #292929;
}
.products dl.Com p a:hover {
	color: #ef0100;
}
.XMCom dd {
	width: 90px;
	height: 60px;
	float: left;
	margin-right: 10px
}
.XMCom dd img {
	width: 90px;
}
.XMCom dt {
	width: 180px;
	height: 60px;
	float: left;
}
.XMCom dt p {
	line-height: 20px;
	position: relative;
}
.XMCom dt p span.Mtype {
	position: absolute;
	right: 0px;
	height: 20px;
	width: 20px;
	padding: 0px
}
.XMCom .Sart {
	float: left;
	width: 90px;
	padding: 0px;
	background: url(../img/starGray2.png) left no-repeat;
}
.XMCom .ComTitle{ height:25px; margin-bottom:15px; overflow:hidden}
.XMCom .Sart span {
	background: url(../img/starOrg2.png) left no-repeat;
	display: inline-block;
}
.XMCom .ZS {
	float: right;
	width: 80px;
	padding: 0px;
	text-align: right;

}
.XMCom .ComZS {
	height: auto;
	overflow: hidden;
	font-size:15px;
	color:#999
}

/* CSS Document */
.company dl {
	background-color: #FFF;
	float: left;
	width: calc((100% - 220px) / 4);
	margin: 0 20px 20px 0;
	padding: 20px 20px 0px 20px
}
.company dd h2 {
	font-size: 16px;
	line-height: 60px;
	font-weight: normal;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.Sart {
	float: left;
	width: 90px;
	padding: 0px;
	background: url(../img/starGray2.png) left no-repeat;
}
.Sart span {
	background: url(../img/starOrg2.png) left no-repeat;
	display: inline-block;
}

.company dl img {
	width: 100%;
	height: 164px;
}
.company dl:nth-of-type(4n) {
	margin-right: 0;
}
.company dd p {
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #8d8d8d;
	text-align: center;
	width: 100%;
	line-height: 54px;
	border-bottom: #E6E6E6 1px solid;
}
.company dd p a {
	color: #8d8d8d;
}
.com_top {
	height: 190px;
	padding-top: 305px;
	position:relative
}
.com_logo {
	float: left;
	width: 285px;
	margin-right: 35px
}
.com_logo img {
	width: 285px;
	height: 190px;
}
.com_Title {
	margin-top: 120px;
	line-height: 40px;
	float: left;
	font-size: 24px;
	font-weight: bold
}
.com_Title p {
	font-size: 14px;
	color: #A8A8A8;
	font-weight: normal
}
.com_Title p span{ margin-right:50px;}
.com_switch {
	line-height: 60px;
	height: 62px;
	margin-bottom: 25px;
	border-bottom: #D3D3D3 1px solid;
	font-size: 20px
}
.com-btn {/* font-weight:bold;*/
	text-align: center;
	width: 160px;
	display: inline-block;
}
.com-btn.active {
	color: #ef0100;
	border-bottom: #ef0100 2px solid;
}
.com-Classes {
	padding-bottom: 20px;
	height: auto;
	overflow: hidden
}
.com-Classes li {
	float: left;
	margin-right: 40px;
	line-height: 40px;
}
.city {
	background: url(../img/city.png) no-repeat;
	font-size: 14px;
	padding-left: 20px;
}
.btn{ display:inline-block; font-size:14px; border:#eeecec 1px solid; border-radius:4px; background-color:#f7f7f7; padding:0px 10px 0px 8px}
.btn i{  display: inline-block;  width: 13px; opacity:0.4;   height: 15px;  vertical-align: middle; margin-right:3px}
.btn a:hover i{ opacity:1}
.btn i.true { opacity:1;}
.workInCom{ float:left; text-align:center; background-color:#EBEBEB; border:#EBEBEB 1px solid;width:185px; }
.workLikeCom{ float:right; text-align:center;border:#eeecec 1px solid;   padding:0px 10px 0px 10px}
.workzt i.heart {  background: url(../img/zt1.png)}
.workzt i.true {  background: url(../img/zt.png);opacity:1;}
.like i.heart {  background: url(../img/like1.png)}
.like i.true {  background: url(../img/like.png);opacity:1;}
.weblike{padding:0px}
.weblike i{ height: 25px;padding:0px; width: 30px;}
.weblike i.heart {  background: url(../img/like1.png) 10px 6px no-repeat ;}
.weblike i.true {  background: url(../img/like.png) 10px 6px no-repeat ;opacity:1; }

/* CSS Document */
.ZtTLimg {
	height: 400px;
	background: url(../img/3.jpg) no-repeat center;
}
.about-title {
	text-align: center;
	line-height: 55px;
}
.about-title a {
	width: 150px;
}
.content {
	padding: 30px;
	line-height: 30px;
	min-height: 500px;
	height: auto !important;
	overflow: hidden
}
#c2 {
	display: none
}
#c3 {
	display: none
}
#c4 {
	display: none
}
#c5 {
	display: none
}

.more { margin: 55px 0px 40px 0px;text-align:center}
.more span{
	color: #999999;
	border: #cecece 1px solid;
	letter-spacing: 1px;
	padding:12px 100px 12px 100px;
}
.more a{
	color: #666666
}
/* CSS Document */
.width870 {
	width: 870px
}
.width320 {
	width: 320px
}
.height234 {
	height: 234px;
	overflow: hidden
}
.height654 {
	height: 654px;
	overflow: hidden
}
.height844 {
	height: 844px;
	overflow: hidden
}
.height370 {
	height: 370px;
	overflow: hidden
}
.heightauto {
	height:auto;
	overflow: hidden
}
.heightmin100 {
	min-height:100px;
	height:auto;
	overflow: hidden
}
.w_Imges{ max-height:130px !important; height:auto; overflow:hidden !important }

.w_comanme span {
	width: 15px;
	background: url(../img/more_right.jpg) no-repeat center;
	float: right
}
.w_content {
	line-height: 30px;
}
.w_Imges li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: #FFF 1px solid;
	cursor: pointer
}
.w_Imges li:nth-of-type(3n) {
	margin-right: 0;
}
.w_Imges img {
	width: 88px;
	height: 58px;
}
.w_Imges .suo-img {
	border: 1px solid #e4393c
}
/* 图片切换 */
.Imgesbtn ul {
	padding-top: 5px;
	float: right
}
.Imgesbtn li {
	cursor: pointer;
	margin-left: 10px;
	width: 7px;
	height: 7px;
	background-color: #e3e0e0;
	border:1px solid #e3e0e0;
	opacity:0.5;
	float: left;
	border-radius: 50px;
}
.w_Title {
	font-size: 26px;
	height: auto;
}
.w_Title span {
	float: right;
}
.w_Title span a{
	line-height:26px;
	float:left;
	display:block;
	font-size:14px;
	padding:0px 13px 0px 13px
}

.slide {
	height: 745px;
	position: relative;
	text-align: center;
}
#showImg {
	width: 100%;
	height:100%;
}
.prev {
	width: 60px;
	height: 80px;
	position: absolute;
	top: 340px;
	left: 0px;
	cursor: pointer;
	background: url(../img/imgIcons.png) no-repeat;
	cursor:pointer;
}
.next {
	width: 60px;
	height: 80px;
	position: absolute;
	top: 340px;
	right: 0px;
	background: url(../img/imgIcons.png) -60px 0px no-repeat;
	cursor:pointer;
}
.RalteTit {
	color: #CDCDCD;
	padding-bottom: 5px
}
.RalteCom li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.RalteCom li span {
	margin-right: 5px;
	float: left;
	width: 20px;
}
.RalteCom dl{ margin:7px 0px 7px 0px; height:auto; overflow:hidden;  background:url(/img/more_right.jpg) right center no-repeat}
.RalteCom dt { width:60px; float:left}
.RalteCom dt img{ padding-top:5px; width:55px; height:40px}
.RalteCom dd{
	float:left; width:195px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top:8px;
}
.RalteCom dd h5{ font-size:14px; padding:0px; margin:0px; line-height:14px}
.RalteCom dd span{ color:#999; font-size:12px}
/* CSS Document */
.PubSear{
	margin-top:10px;
	margin-right:10px;
	width: 350px;
	height: 30px;
	padding-top: 10px ;
	text-align: left;
	position:relative
}
.PubSear form input.search-input {
	color:#666;
	border:#fff solid 1px;
	border-radius:4px;
	width: calc(100% - 12px);
	float: left;
	height: 30px;
	padding-left: 10px;
	line-height: 30px;
	font-size:14px;
	background-color: transparent
}
.PubSear form button.search-but {
	background: url(../img/searchbut.png) no-repeat;
	width: 30px;
	border: none;
	height: 30px;
	cursor: pointer;
	position:absolute;
	right:5px;
	top:12px;
}

.SearBox {
	height: 125px;
	padding-top: 75px;
	background: url(../img/searbj.jpg) center no-repeat;
	text-align: center;
}
.SearForm {
	margin: 0 auto;
	width: 660px;
	height: 30px;
	clear: both;
	padding: 10px 20px;
	text-align: left
}
.SearBox form input.search-input {
	width: 500px;
	float: left;
	height: 30px;
	line-height: 30px;
	border: none;
}
.SearBox form button.search-but {
	background: url(../img/searchbut.jpg) no-repeat;
	width: 30px;
	border: none;
	float: right;
	height: 30px;
	cursor: pointer;
}
.SearContion {
	padding: 10px 0px 10px 0px;
	height: auto !important;
	overflow: hidden
}
.SearContion form {
	float: right;
	margin-left: 20px
}

/* CSS Document */
.paging-center{ text-align:center}
.paging {
	line-height: 2;
	font-family: \5b8b\4f53;
	color: #666;
	font-size:12px
}
.paging a, .paging-currentPage {
	display: inline-block;
	padding: 0 0.8em;
	margin-right: .4em;
	border: 1px solid #ccc;
	background-color: #fff
}
.paging a:hover, .paging-currentPage {
	border-color: #c00;
	color: #EA5900;
	text-decoration: none
}
.paging-currentPage {
	font-weight: 700
}
.paging-ellipsis {
	margin-right: .4em;
	color: #666;
	font-weight: 700;
	font-family: tahoma
}
.paging-next, .paging-prev {
	background: url(../img/paging_sprite.png) no-repeat #fff
}
.paging-prev {
	padding-left: 18px !important;
	background-position: 6px 6px
}
.paging-next {
	padding-right: 18px !important;
	background-position: 53px -19px
}
.paging-total {
	margin-right: .4em
}
.paging form {
	display: inline-block;
*zoom:1;
*display:inline
}
.paging-pageNum {
	height: 1.6em;
	width: 3em;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	background-color: #fff
}
.paging-pageNum:focus {
	border-color: #c00
}
.paging-goto {
	height: 2.2em;
	padding: 0 0.8em;
	border: 1px;
	background-color:#e20304;
	color:#FFF;
	cursor:pointer;
	}
	
/* CSS Document */
.loginpanel{
	display:none;
	position:fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1060;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	width:100%;
	height:100%;
	background-color:#CCC;
	background:rgba(0,0,0,0.5) none repeat scroll !important; /*实现背景透明，文字不透明*/ 
filter:Alpha(opacity=20);
padding-top:150px;
}
.logincont{	
    width: 410px;
	margin: 0 auto;
	clear: both;
	height: auto;
	overflow: hidden
}
.login-dialog{ width:410px ; height:auto; overflow:hidden;  background:#FFF; }
.login-form{ margin:10px 40px 40px 40px}
.form-group{ margin:20px 0px 0px 0px; height:auto; overflow:hidden}
.Uselect { height:33px; background:url(../img/User-8.jpg) bottom no-repeat}
.Uselect li{ font-weight:bold; float:left; padding:4px 15px 0px 15px; margin-right:20px  }
.Uselect li.curre{border-radius:5px; border-top:#CCC 1px solid;border-left:#CCC 1px solid; border-right:#CCC 1px solid}
.login-input{ border-bottom:#F0F0F0 1px solid; line-height:30xp; padding-left:40px; height:35px; width: calc(100% - 40px); }
.UserName{ background:url(../img/User-1.jpg) left no-repeat}
.UserCode{ background:url(../img/User-2.jpg) left no-repeat}
.col-sm{ display:inline-block; float:left}
.login-input::-webkit-input-placeholder { /* WebKit browsers */  color: #CCC;}
.login-input::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #CCC;}
.login-input::-ms-input-placeholder { /* Internet Explorer 10+ */  color: #CCC;}

.login-form h4 { text-align:center; font-weight:normal; font-size:14px}
.login-form h4 a{ color:#f40000 }
.login-codebtn {
	line-height:30px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.login-codebtn.disabled,
.login-codebtn[disabled],
fieldset[disabled] .login-codebtn,
.login-codebtn.disabled:hover,
.login-codebtn[disabled]:hover,
fieldset[disabled] .login-codebtn:hover,
.login-codebtn.disabled:focus,
.login-codebtn[disabled]:focus,
fieldset[disabled] .login-codebtn:focus,
.login-codebtn.disabled:active,
.login-codebtn[disabled]:active,
fieldset[disabled] .login-codebtn:active,
.login-codebtn.disabled.active,
.login-codebtn[disabled].active,
fieldset[disabled] .login-codebtn.active {
  background-color: #fff;
  border-color: #ccc;
}
.login-codebtn:hover,
.login-codebtn:focus,
.login-codebtn:active{
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.login-inputshort{ width: calc(100% - 130px); float:left }
.login-submit{ width:100%; background-color: #f40000 ; color:#FFF; font-size:16px; line-height:30px; border:0px }
#UReg,#Ulogin{ display:none}
#topsrzj{ font-size:14px}
.forget{ line-height:36px; width:90px; float:right; font-size:14px}
.forget a{ color:#adadad; }
.forget a:hover{ color:#f40000;}
.checkcode{margin-left:2px; 
border-radius:2px; height:20px; 	
border: #E8E8E8 1px solid;
	border-radius: 2px;
	padding: 8px 3px;
}
/* CSS Document */
.contaout{	margin: 0 auto;	clear: both;}
.meetingurl li{ margin:10px; font-size:18px; background-color:#F00; padding:10px; float:left}
.meetingurl li a{ color:#FFF}

.ShowLink{  position:fixed;	width:100%;	z-index:120;	top:0px;	left:0px;	right:0px;	bottom:0px;	overflow-y:scroll;	background:rgba(229,229,229,.95) none repeat scroll !important;
	padding-top:100px;  display:none}
.LinkCont{margin:auto; clear:both; width:400px; background-color:#FFF; text-align:center}
.LinkCont h3{
	font-size: 24px;
	color: #C00;
	font-weight: bold
}
.LinkCloseBtn span{
	float:right;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	font-size: 36px;
	 }
.byphone{ background-color:#FFF;}
.inputxq input{ border-color:#fc771b}
.inputxq .checkcode {border-color:#fc771b}


.ClassCity {
  display: inline-block; /* 使容器宽度自适应内容 */
  border: 1px solid #a19c9c; /* 灰色边框 */
  border-radius: 4px; /* 圆角 */
  padding: 5px 8px; /* 内边距 */
  font-size:14px;
  line-height:21px;
}
.ClassCity a{ color: #7c7a7a}
#jumpMenu {
  font-size:16px;
  border: none; /* 无边框 */
  outline: none; /* 移除点击时的外边框 */
  appearance: none; /* 移除默认下拉箭头样式 */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent; /* 背景透明 */
  color: red; /* 选中项为红色字体 */
  padding-right: 25px; /* 为下拉箭头留出空间 */
  cursor: pointer; /* 鼠标指针变为手型 */
  font-size: 16px; /* 设置字体大小 */
  min-width: 60px; /* 设置最小宽度，确保内容显示完整 */
}
#jumpMenu {
  background-image: url('/img/select.png'); /* 自定义下拉箭头背景图片 */
  background-repeat: no-repeat;
  background-position: right center; /* 箭头在右侧居中 */
  background-size: 16px; /* 箭头大小 */
}
/* 兼容IE10+ 隐藏默认箭头 */
#jumpMenu::-ms-expand {  display: none;}

/* 设置下拉列表中的选项样式 */
#jumpMenu option {
	text-align:center;
  color: #333; /* 下拉选项默认黑色 */
  background-color: #fff; /* 下拉选项背景白色 */
}
/* 下拉列表中选中的选项样式 */
#jumpMenu option:checked {
  color: red; /* 选中项为红色 */
}
.SubClassCity{ float:left}
.SubClassCity li{ float:left; padding:0px 6px}
.SubClassCity li.active a {  color: red; /* 红色字体 */ }
.GrassrigTit a{ color:#FFF; margin-left:20px;}

@media screen and (max-width: 1200px){
/*.contaout{ width:895px};
*/.contaout{ width:1200px;}
#nav li {margin-left: 25px; margin-right:0px}
.PubSear{ width:260px;}
.banner{ width:1200px;}
.byphone{width:1200px;}
.PtbzTD { margin:0px 10px 0px 10px}
.PtbzTD dl{	 margin:0px 10px 0px 10px}
.PtbzTD_bot { margin:0px}
.PtbzTD_bot  dl{ margin:0px 15px 0px 0px}
.JZYC { margin:0px}
.JZYC  dl{ margin:0px 15px 0px 0px}
.ClassBJimg{ width:1200px}
#NewBot{ width:1200px;}
.PtbzTD_botTit{ width: calc(100% - 10px)}
}
@media screen and (min-width:1280px) and (max-width:1440px){
.contaout{ width:1200px}
#nav li {margin-left: 30px; margin-right:0px}
.PubSear{ width:280px;}
.PtbzTD { margin:0px 10px 0px 10px}
.PtbzTD dl{	 margin:0px 10px 0px 10px}
.PtbzTD_bot { margin:0px}
.PtbzTD_bot  dl{ margin:0px 15px 0px 0px}
.JZYC { margin:0px}
.JZYC  dl{ margin:0px 15px 0px 0px}
.PtbzTD_botTit{ width: calc(100% - 10px)}
}
@media screen and (min-width:1600px) and (max-width:1680px){
.contaout{ width:1505px}
.footer-list{width:calc(100% - 600px ) }
}
@media screen and (min-width:1810px) and (max-width:1920px){
.footer-list{width:calc(100% - 600px ) }	
.contaout{ width:1810px}
}
@media screen and (min-width:2560px){
.footer-list{width:calc(100% - 800px ) }	
.contaout{ width:2420px}
}