<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">section.banners{ width: 100%; position: relative; left: 50%; margin-left: -50%; overflow: hidden;}
section.banners img{display: block; width: 100%; height: auto;}

aside.menuNac{ width: 100%; height: 38px; line-height: 38px; background-color: #F6F5F5; display: table;}
aside.menuNac .subNac{ width: 1200px; margin: 0 auto;}
aside.menuNac .subNac img,
aside.menuNac .subNac font,
aside.menuNac .subNac a{ display: inline-block; margin-right: 6px; vertical-align: middle; position: relative;}
aside.menuNac .subNac img{ margin-right: 15px;}
aside.menuNac .subNac a{ margin-right: 20px;}
aside.menuNac .subNac a:after{ position: absolute; right: -17px; content: '&gt;';}
aside.menuNac .subNac a:last-child:after{ display: none;}
aside.menuNac .subNac a:hover{ color: #D6000E;}

div.fy{ width: 100%; padding: 20px 0; text-align: center;}
div.fy a{ display: inline-block; margin: 0 3px; padding: 3px 10px; font-size: 15px; color: #4B4B4B; border: 1px solid #D3D3D3}
div.fy a:hover,
div.fy a.on{ color: #fff; background-color: #D6000E; border-color: #D6000E;}

section.mainBox{  position: relative; width: 100%;  padding-top: 80px; display: table;}
section.products{max-width:1200px;margin: 0 auto}
section.contact{width:1200px; margin:0 auto}
section.mainBox .anList{ width: 100%;}
section.mainBox .anList li img{ max-width: 100%;}
section.mainBox .anList2{ padding-bottom: 80px;}
section.mainBox .anList li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 28px;}
section.mainBox .anList li:nth-of-type(3n){ margin-right: 0;}
section.mainBox .anList li a{ display: block; width: 100%; padding-top: 63.5%; position: relative; overflow: hidden;}
section.mainBox .anList li a img{ position: absolute; top: 0; width: 100%; height: 100%;
	 transition: all 1s ease-in-out 0s;
	 -webkit-transition: all 1s ease-in-out 0s;
	 -moz-transition: all 1s ease-in-out 0s;
	 -o-transition: all 1s ease-in-out 0s; 
}
section.mainBox .anList li h5{ font-size: 15px; color: #474747; font-weight: bold; margin: 24px 0 0; text-transform: capitalize;text-align: center;}
section.mainBox .anList li p{ color: #979797; margin: 15px 0 0;}
section.mainBox .anList li:hover a img{
	 transform: scale(1.1,1.1);
	 -webkit-transform: scale(1.1,1.1);
	 -moz-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);
}
section.mainBox .anList li:hover h5{ color: #D6000E;}
section.mainBox .anListTit{ width: 100%; display: table; text-align: center; margin-bottom: 50px;}
section.mainBox .anListTit h3{ font-size: 24px; color: #2D2D2D; font-weight: bold; text-transform: uppercase;}
section.mainBox .anListTit p{ background-color: #F5F5F5; padding: 10px 0; margin: 20px 0 0;}
section.mainBox .anListTit p span{ display:inline-block; margin: 0 15px; font-size: 14px; color: #8C8C8C;}
section.mainBox .bigImg{ width: 100%; margin-bottom: 40px;}
section.mainBox .bigImg p{ font-size: 13px; line-height: 1.7; margin:0 auto 20px; width: 77%;}
section.mainBox .bigImg img{ width: auto;}
section.mainBox .bigImg .moreTit{ width: 100%; font-size: 18px; color: #6B6B6B; font-weight: bold; border-bottom: 1px solid #DBDBDB; margin: 100px 0 0; padding-bottom: 30px;}

section.mainBox .newsList{ width: 100%; position: relative;  display: table;}
section.mainBox .newsList li{ width: 100%; padding: 40px 0 0;
	transition: all .4s ease-in-out 0s;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
}
section.mainBox .newsList li article{ width: 1200px; margin: 0 auto; padding-bottom: 40px; display: table; border-bottom: 1px dashed #afafaf;}
section.mainBox .newsList li article img{ float: left;}
section.mainBox .newsList li article dl{ float: left; margin-left: 40px;}
section.mainBox .newsList li article dl dt{ float: left;  height: 100%; border-right: 1px solid #EFEEEE; padding: 44px 47px 44px 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
section.mainBox .newsList li article dl dt strong{ display: block; font-size: 30px; color: #5E5D5D; font-family: arial;}
section.mainBox .newsList li article dl dt font{display: block; color: #5E5D5D; font-size: 16px ; text-align:center }
section.mainBox .newsList li article dl dd{ float: left; padding-left: 47px; width: 526px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
section.mainBox .newsList li article dl dd h4{ font-size: 16px; color: #242323; margin-top: 20px;}
section.mainBox .newsList li article dl dd p{font-size: 14px; color: #AAA9A9; line-height: 1.7; margin-top: 30px; height:69px; overflow:hidden}
section.mainBox .newsList li article div.gh{ float: right; width: 45px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #F1F1F1; font-size: 18px; margin-top: 50px;
	transition: all .4s ease-in-out 0s;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
}

section.mainBox .newsList li:hover{ background-color: #F6F5F5;}
section.mainBox .newsList .on{ background-color: #F6F5F5;}
section.mainBox .newsList .on .gh{    background-color: #0154a4;
    border-color: #D6000E;
    color: #fff;}
section.mainBox .newsList li:hover dl dd h4{ color:#D6000E}
section.mainBox .newsList li:hover article div.gh{ background-color: #D6000E; border-color: #D6000E; color: #fff;}
section.mainBox .newsList li:last-child article{ border: none;}

section.mainBox .newsVonts{ width: 70%; margin: 0 auto;}
section.mainBox .newsVonts p{ font-family: Arial,;font-size: 14px; color: #504C5D; line-height: 2; text-indent: 2em; margin-bottom: 22px;}
section.mainBox .nexPrves{ border-top: 1px solid #DBDBDB; padding-top: 40px; margin-top: 100px; padding-bottom: 100px;}
section.mainBox .nexPrves p{ margin-bottom: 15px; font-size: 14px; color: #7A7A7A;}
section.mainBox .nexPrves p a{ color: #7A7A7A;}
section.mainBox .nexPrves p a:hover{ color: #D6000E;}

section.mainBox .cityList{ width: 100%; display: table; font-size: 0; text-align:center}
section.mainBox .cityList a{ display: inline-block; width: 33.3333%; height: 60px;  text-align: center; line-height: 60px; background-color: #F2F2F2; vertical-align: middle;}

section.mainBox .cityList .products_img .products-text{color:#666666;
   font-size:16px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #F2F2F2;
    }
section.mainBox .cityList a span{display: inline-block; font-size: 15px; color: #0D0D0D;}
section.mainBox .cityList a i{ display: inline-block; margin: 0 15px; height: 10px; border-right: 1px solid #E2E2E2;}
section.mainBox .cityList a font{ display: inline-block; text-transform: uppercase; color: #CCCCCC;}

section.mainBox .cityList a.on,
section.mainBox .cityList a:hover{ background-color: #D6000E;}
section.mainBox .cityList a.on span,
section.mainBox .cityList a.on font,
section.mainBox .cityList a:hover span,
section.mainBox .cityList a:hover font{ color: #fff;}

section.mainBox .joinList{ width: 1920px; margin: 40px 0 0; position: relative; left: 50%; margin-left: -960px; display: table; padding: 40px 0; background-color: #F2F2F2;}
section.mainBox .joinList li{ width: 1200px; margin: 0 auto 30px;}
section.mainBox .joinList li div{ width: 100%; display: table; padding: 15px 25px; background-color: #0154a4; cursor: pointer; color:#fff;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
section.mainBox .joinList li div i{ float: left; margin-top: 5px; font-size: 15px; font-weight: bold; vertical-align: middle;}
section.mainBox .joinList li div font{ float: right; margin-top: 5px; vertical-align: middle;}
section.mainBox .joinList li div font small{ display: inline-block; width: 200px; /*margin-right: 50px;*/ font-size: 13px; color: #666666;}
section.mainBox .joinList li div span{ float: right; display: inline-block;  width: 29px; height: 29px;}
section.mainBox .joinList li article{ display: block !important; width: 100%; padding: 20px 10px;border:1px solid #e8e4e4; border-top:none;box-sizing:border-box; background:#FFF}
section.mainBox .joinList li article h4{ font-size: 13px; color: #D6000E; font-weight: bold; margin-bottom: 20px;}
section.mainBox .joinList li article p{ font-size: 13px; color: #666666; margin-bottom: 5px; line-height: 1.8;}
section.mainBox .joinList li article section{ margin-bottom: 0px;}
section.mainBox .joinList li:last-child article section{ text-align:center}
section.mainBox .joinList li article section img{max-width:100%; margin-bottom:20px; }
section.mainBox .joinList li article button{ width: 208px; height: 50px; background-color: #666666; color: #fff; font-size: 15px; text-align: center; line-height: 50px; border: none;}

section.mainBox .joinList li.active div,
section.mainBox .joinList li div:hover{ background-color: #034280;}
section.mainBox .joinList li.active div i,
section.mainBox .joinList li.active div small,
section.mainBox .joinList li div:hover i,
section.mainBox .joinList li div:hover small{ color: #fff;}
section.mainBox .joinList li.active div span,
section.mainBox .joinList li div:hover span{}

section.mainBox .ourYoseist{ width: 100%; position: relative; margin: 50px 0;}
section.mainBox .ourYoseist li{ width: 100%; display: table; /*padding: 98px 0;*/}
section.mainBox .ourYoseist li section{ width: 1164px; margin: 0 auto; display: table;}
section.mainBox .ourYoseist li div{ float: left; width: 620px; display: none; padding-bottom:20px}
section.mainBox .ourYoseist li article{ width: 100%; height:264px; text-align: center;}


section.mainBox .ourYoseist li.yz1{
	background: url("../images/zh3.jpg")/*tpa=http://brainbj.com.cn/templets/lzjr/images/zh3.jpg*/ no-repeat center center;
	background-size: 100% 100%;
}
section.mainBox .ourYoseist li.yz2{
	background: url("../images/zh1.jpg")/*tpa=http://brainbj.com.cn/templets/lzjr/images/zh1.jpg*/ no-repeat center center;
	background-size: 100% 100%;
}
section.mainBox .ourYoseist li.yz3{
	background: url("../images/zh2.jpg")/*tpa=http://brainbj.com.cn/templets/lzjr/images/zh2.jpg*/ no-repeat center center;
	background-size: 100% 100%;
}

section.mainBox .ourYoseist li article img{ display: none; margin-bottom: 15px;}
section.mainBox .ourYoseist li article h3{ color: #fff; font-size: 24px; font-weight: bold; padding-top: 55px;}
section.mainBox .ourYoseist li article i{ display: block; width: 30px; height: 4px; background-color: #D6000E; position: absolute; left: 50%; margin-left: -15px; bottom: 45px;}
section.mainBox .ourYoseist li article p{ font-size: 13px; line-height: 2.5; color: #fff;}
section.mainBox .ourYoseist li:nth-child(2) article{ margin-left: 0;}
section.mainBox .ourYoseist li:nth-child(2) div{ float: right; margin-left: 128px;}

.uplist{ width: 100%; display: table; font-size: 0;}
.uplist a{ display: inline-block; vertical-align: top; padding: 20px 0;  text-align: center;
    width: 33.33%; background-color: #F2F2F2; 
 	font-size: 15px; color: #363636;

}

.uplist a:hover,
.uplist a.on{ background-color: #D6000E; color: #fff;}





section.mainBox .mapst{ width: 100%; height: 612px; background: url("../images/map.png")/*tpa=http://brainbj.com.cn/templets/lzjr/images/map.png*/ no-repeat left top; padding-bottom: 25px; position: relative;}
section.mainBox .mapst .submaps{ position: absolute; width: 100%; height: 100%;}
section.mainBox .mapst .submaps li{ position:relative; width: 100%; height: 25px; display: table;}
section.mainBox .mapst .submaps li span{display: block; position: absolute;  width: 25px; height: 25px; background-color: #fff; border-radius: 50%; cursor: pointer;
  animation: op2 .6s  linear 0s infinite alternate ;
  -webkit-animation: op2 .6s  linear 0s infinite alternate ;
}
section.mainBox .mapst .submaps li span:hover{
	animation-duration: 0.3s;
}
@keyframes op2 {
  from{
	  transform: scale(0.7);
  } to{
	 transform: scale(1.0);
	}
}
@-webkit-keyframes op2 {
 from{
	  transform: scale(0.7);
  } to{
	 transform: scale(1.0);
	}
}
@-moz-keyframes op2 {
 from{
	  transform: scale(0.7);
  } to{
	 transform: scale(1.0);
	}
}
@-o-keyframes op2 {
 from{
	  transform: scale(0.7);
  } to{
	 transform: scale(1.0);
	}
}
section.mainBox .mapst .submaps li span:before{ position: absolute; left: 5px; top: 5px; content: ''; width: 15px; height: 15px; background-color: #D6000E;   border-radius: 50%;}
section.mainBox .mapst .submaps li span{ left: 534px; box-shadow: 0px 2px 3px #000;}
section.mainBox .mapst .submaps li span:before{ position: absolute; left: 5px; top: 5px; content: ''; width: 15px; height: 15px; background-color: #D6000E;   border-radius: 50%;}
section.mainBox .mapst .submaps li font{ font-size: 15px; color: #474747; position: absolute; right: 602px; top: 2px;}
section.mainBox .mapst .submaps li span:after{
	position: absolute;
	left: -2px;
	top: -2px;
	content: '';
	width: 100%;
	height: 100%;
    border: 2px solid #D6000E;	
    border-radius: 50%;	
    opacity: 0;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    z-index: -1;    
}
section.mainBox .mapst .submaps li span:hover:after{
	opacity: 1;
    transform: scale(1.7);
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -o-transform: scale(1.7);

}

section.mainBox .mapst .submaps li article{ width: 462px; height: 542px; background-color: #666666; background-color: rgba(102,102,102,0.8); border-radius: 4px; border-left: 5px solid #D6000E;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 position: absolute;
 right: 80px;
 top: -122px;
 padding: 15px 65px 0 65px;
 display: block;
 z-index: 9;
 opacity: 0;
 visibility: hidden;
 transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 -webkit-transition: all .5s ease-in-out;
 }
 section.mainBox .mapst .submaps li.active article{ opacity: 1; visibility: visible;}
 
section.mainBox .mapst .submaps li article i{ position: absolute; left: -13px; top: 50%; margin-top: -4px; display: block; border-right: 8px solid #D6000E; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
section.mainBox .mapst .submaps li article img{ vertical-align: bottom; margin-right: 20px;}
section.mainBox .mapst .submaps li article h3{ font-size: 14px; color: #fff; padding-bottom: 22px; border-bottom: 1px solid #fff; margin-bottom: 15px;}
section.mainBox .mapst .submaps li article p{ font-size: 13px; color: #fff !important; line-height: 2;}

section.mainBox .mapst .submaps li a{ font-size: 13px; color: #fff !important; line-height: 2;}

section.mainBox .mapst .submaps li.mp1{ margin-top: 125px;}
section.mainBox .mapst .submaps li.mp2{ margin-top: 400px;}
section.mainBox .mapst .submaps li.mp2 font{ right: 532px;}
section.mainBox .mapst .submaps li.mp2 article{ margin-top: -185px;right: 50px;}
section.mainBox .mapst .submaps li.mp2 span{ left: 606px;}
section.mainBox .mapst .submaps li.mp3{ margin-top: 137px;}
section.mainBox .mapst .submaps li.mp3 span{ left: 525px;}

section.theComany{ width: 100%; height: 825px; background: url("../images/ban6.jpg")/*tpa=http://brainbj.com.cn/templets/lzjr/images/ban6.jpg*/ no-repeat center center; background-size: cover;}

section.theComany2{ width: 100%; height: 825px; }

article.theTit{ width: 100%; padding-top: 100px; display: table; text-align: center;}
article.theTit h3{ font-size: 36px; color: #fff; font-weight: bold;}
article.theTit i{ position: relative; display: inline-block; width: 200px; border-top: 2px solid #fff; border-top: 1px solid rgba(255,255,255,0.3); margin: 20px 0;}
article.theTit i:before{ position: absolute; content: ''; left: 50%; top: -3px; margin-left: -20px; width: 40px; border-top: 4px solid #D6000E; }
article.theTit p{ font-size: 14px; color: #fff; color: rgba(255,255,255,0.4); text-transform: uppercase;}
article.theTit p{ color: #B8B8B8;}
article.theTit2 h3{ color: #585858;}
article.theTit2 i{ border-top: 2px solid #B2B2B2; border-top: 1px solid rgba(178,178,178,1);}

div.contFindes{ width: 1068px; margin: 0 auto; padding-top: 10px;}
div.contFindes p{ color: #fff; font-size: 14px; color: #fff; line-height: 2.2; text-align: left;}

div.contFindes2{ width: 1068px; margin: 0 auto; padding-top: 10px;}
div.contFindes2 p{ color: #666666; font-size: 14px; line-height: 2.2; text-align: left;}
div.contFindes2 p span{
	color: #0080FF;
	font-size: 14px;
	line-height: 2.2;
	text-align: left;
	font-weight: bold;
}
.IndexList { padding-top: 100px;}
.IndexList ul{width:100%; margin:0 auto; font-size:0; height:148px;  display:block;}
.IndexList li{ display:inline-block; position:relative; width:25%; vertical-align:top;}
.IndexList li:after{ display:block; content:""; border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.4); width:100%; height:108px; top:24px; position:absolute;}
.IndexList li:nth-last-child(1):after{  display:none; }
.IndexList span{ display:block; color:#fff; color:rgba(255,255,255,0.4); padding-top:10px; font-size:18px; text-align: center;}
.IndexList span.pd{ margin-top: -48px;}
.IndexList small{ font-size:10px; color:#CCCCCC; display:block; padding-top:5px; text-transform:uppercase; text-align: center; font-size:12px;}
.IndexList b{ display:block; font-family:Arial, Helvetica, sans-serif; color:#10417C; text-align: center; font-size:0; margin-top:20px; }
.IndexList b em{ position:absolute; left:-999em;}
.IndexList .IndexLContent{ font-size:0;position:relative; height:72px; overflow:hidden; display: inline-block;}
.IndexList .IndexLContent&gt;div{ display:inline-block; position: relative; top:0; }
.IndexList .IndexLContent .Txt{display:block; font-family:Arial, Helvetica, sans-serif; color:#fff; display:block; text-align: center; font-size:75px; }
.IndexList i{ font-size:16px; font-family:'å¾®è½¯é›…é»‘'; font-weight:normal; vertical-align: bottom; position:relative; top:-1px; right: -15px; color: #fff;}
.IndexList i.jc{ font-size: 90px; vertical-align: top; top: -23px;}
.IndexList .Hun{
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s;
	-moz-transition: all 1s ease-out 0s;
	-o-transition: all 1s ease-out 0s;

}
.IndexList .Ten{
	transition: all 1s ease-out 0.3s;
	-webkit-transition: all 1s ease-out 0.3s;
	-moz-transition: all 1s ease-out 0.3s;
	-o-transition: all 1s ease-out 0.3s;
}
.IndexList .Ind{
	transition: all 1s ease-out 0.6s;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;

}
.IndexList .Sun{
	transition: all 1s ease-out 0.8s;
	-webkit-transition: all 1s ease-out 0.8s;
	-moz-transition: all 1s ease-out 0.8s;
	-o-transition: all 1s ease-out 0.8s;
}

div.sbs{ width: 100%; text-align: center; padding-top: 70px;}
div.sbs img{
   animation: op1 0.7s  linear 0s infinite alternate ;
  -webkit-animation: op1 0.7s  linear 0s infinite alternate ;
}
@keyframes op1 {
  from{
  	transform: translateY(-15px);
  } to{
	 transform: translateY(25px);
  }
}
@-webkit-keyframes op1 {
  from{
  	-webkit-transform: translateY(-15px);
  } to{
	 -webkit-transform: translateY(25px);
  }
}
@-moz-keyframes op1 {
  from{
  	-moz-transform: translateY(-15px);
  } to{
	 -moz-transform: translateY(25px);
  }
}
@-o-keyframes op1 {
  from{
  	-o-transform: translateY(-15px);
  } to{
	 -o-transform: translateY(25px);
  }
}


section.logoh{ width: 100%; padding: 30px 0; background-color: #D6000E;}
section.logoh .midis{ width: 846px; display: table; margin: 0 auto; font-size: 0;}
section.logoh .midis div{display: inline-block; width: 33.3333%; text-align: center; vertical-align:middle}
section.logoh .midis div img{ vertical-align: bottom;}
section.logoh .midis div.compTit strong{ font-size: 20px; font-weight: bold; color: #fff;}
section.logoh .midis div.compTit font{ display: inline-block; font-size: 14px; font-family: arial; color: #fff; text-transform: uppercase; border-left: 1px solid #fff; padding-left: 15px; margin-left: 20px;}

section.Corporate{ width: 1102px; margin:0 auto; padding-top: 57px; padding-bottom: 57px;}
section.Corporate dl{ width: 100%; display: table; position: relative;}
section.Corporate dl dt{ float: right;
 /*transition: all 1s ease-in-out 0s;*/
}
section.Corporate dl dd{ position: absolute; left: 0; top:44px; z-index: 1; width: 650px; height: 434px; background: url("../images/eimgs8.jpg")/*tpa=http://brainbj.com.cn/templets/lzjr/images/eimgs8.jpg*/ no-repeat center center;
/* transition: all 1s ease-in-out 0s;*/
}
section.Corporate dl dd img{ position: absolute; left: 50%; top: 50%;
 transform: translate3d(-40%,-50%,0);
 -webkit-transform: translate3d(-40%,-50%,0);
 -moz-transform: translate3d(-40%,-50%,0);
 -o-transform: translate3d(-40%,-50%,0);
}

/*section.Corporate dl:hover dt{ 
	transform: translateX(-520px);
}
section.Corporate dl:hover dd{ 
	transform: translateX(520px);
}*/

section.theHistory{ width: 100%; display: table; background-color: #F6F5F5;}

section.theHistory .subHistory{ width: 1106px; height: auto;  margin: 106px auto 100px; background: url("../images/ds2.png")/*tpa=http://brainbj.com.cn/templets/lzjr/images/ds2.png*/ repeat-y center top; display: table;}
section.theHistory .subHistory ul li{ float: left; width: 70%;}
section.theHistory .subHistory ul li dl{ float: left; width: 72.1%; height: 80px; background: url("../images/ds1.jpg")/*tpa=http://brainbj.com.cn/templets/lzjr/images/ds1.jpg*/ no-repeat right center; display:table;}
section.theHistory .subHistory ul li dl dd{ float: left; width: 360px; height: 80px; background-color: #fff;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 padding-right: 30px;
	 padding-top: 30px;
	 text-align: right; 
}
section.theHistory .subHistory ul li dl dd p{ font-size: 13px; color: #555555;}
section.theHistory .subHistory ul li dl dt{ float: left; width: 106px; height: 80px; background-color: #7A7A7A; text-align: center; line-height: 80px; position: relative;}
section.theHistory .subHistory ul li dl dt strong{font-size: 30px; color: #fff; font-family: arial; font-weight: bold;}
section.theHistory .subHistory ul li dl dt i{ display: block; 
	border-top:14px  solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #7A7A7A;
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -14px;
}

section.theHistory .subHistory ul li:nth-child(2n){ float: right;}
section.theHistory .subHistory ul li:nth-child(2n) dl{ float: right; background-position: left center;}
section.theHistory .subHistory ul li:nth-child(2n) dl dt{ float: right;}
section.theHistory .subHistory ul li:nth-child(2n) dl dd{ float: right; text-align: left; position: relative;
	padding-left: 30px;
	padding-right:auto;
	z-index: 2;
}


section.theHistory .subHistory ul li:nth-child(2n) dl dt i{
	border-left: 14px solid transparent;	
	border-right: 14px solid #7A7A7A;	
	right: auto;
	left: -24px;
}
section.theHistory .subHistory ul li:nth-child(odd) dl dd{ position: relative; z-index: 2;}
section.theHistory .subHistory ul li:nth-child(even) dl dd:after,
section.theHistory .subHistory ul li:nth-child(odd) dl dd:after{
	position: absolute; width: 0%; height: 100%; background: #555555; left: 0; top: 0; content: ""; display: block;
	z-index: -1;
}
section.theHistory .subHistory ul li:nth-child(odd) dl dd:after{
	left: auto; right: 0;
}
section.theHistory .subHistory ul li:nth-child(odd) dl dd:after,
section.theHistory .subHistory ul li:nth-child(even) dl dd:after,
section.theHistory .subHistory ul li dl dd p{
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}
section.theHistory .subHistory ul li:nth-child(even) dl:hover dd:after,
section.theHistory .subHistory ul li:nth-child(odd) dl:hover dd:after
/*section.theHistory .subHistory ul li.active dl dd:after*/
{ width: 100%;} 
section.theHistory .subHistory ul li dl,
section.theHistory .subHistory ul li dl dt i,
section.theHistory .subHistory ul li dl dt{
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
}
section.theHistory .subHistory ul li dl:hover dd{/* background-color: #555555;*/}
section.theHistory .subHistory ul li dl:hover dd p{ color: #fff;}
section.theHistory .subHistory ul li dl:hover dt{ background-color: #D6000E;}
section.theHistory .subHistory ul li dl:hover dt i{
	border-left: 14px solid #D6000E;
}
section.theHistory .subHistory ul li:nth-child(2n) dl:hover dt i{
	border-right: 14px solid #D6000E;
	border-left: 14px solid transparent;
}

/*section.theHistory .subHistory ul li.active dl dd p{ color: #fff;}
section.theHistory .subHistory ul li.active dl dt{ background-color: #D6000E;}
section.theHistory .subHistory ul li.active dl dt i{
	border-left: 14px solid #D6000E;
}
section.theHistory .subHistory ul li:nth-child(2n) dl:hover dt i{
	border-left: 14px solid transparent;	
	border-right: 14px solid #D6000E;
}
section.theHistory .subHistory ul li.active:nth-child(2n) dl dt i{
	border-left: 14px solid transparent;	
	border-right: 14px solid #D6000E;
}*/

aside.menuNac{ display: none;}
section.theHistory .subHistory { position: relative;}
section.theHistory .subHistory .disc{ position: absolute; margin-top: 35px; width: 11px; height: 11px; background: #D6000E; left: 50%; margin-left: -6px; border-radius: 50%;  opacity: 0;
	transition:opacity 1.5s ease-in-out;
}
section.theHistory .subHistory .disc{ opacity: 1; }
section.theHistory .subHistory ul li dl{ background: none;}







.newsYoseist{ width: 100%; margin: 50px 0 30px 0; margin-right:-2%}
.newsYoseist li{ display: inline-block; vertical-align: top; width: 31%; 
	margin-right: 2%; position: relative;
	background-color: #000;
}
.newsYoseist li:last-child{ margin-right: 0%;}
.newsYoseist li .imgs{width: 100%; height: 100%; position:relative} 
.newsYoseist li .imgs img{ width: 100%; 
	opacity: 0.9;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}

.newsYoseist li  .title{
    height:45px;
	line-height:45px;
	background:#0154a4;
	color:#FFF;
	text-align:center;
	font-size:16px;	
}

.newsYoseist li .texgs{ 
 position: absolute; left: 0; top: 0;
  width: 100%; 
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 11px solid #EFEFEF;
  bottom: 10%;
  
  transition: all .5s ease 0s;
  
}

.newsYoseist li .texgs .txt{ display: inline-block; margin: 8px 0 0 8px ; width:100%; height:100%; position:relative;top:0; left:0} 
.newsYoseist li .texgs .txt font,
.newsYoseist li .texgs .txt span{ 
	display: inline-block;
	color: #fff;
}
.newsYoseist li .texgs .txt font{ height: 0px; font-size: 20px; text-transform: capitalize; font-family: 'arial';
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.newsYoseist li .texgs .txt span{ font-size: 18px; margin-left: -21px;}
.newsYoseist li i{ display: block; position: absolute; left: 50%; bottom: 10%;
	transform: translateX(-50%); 
	transition: all .6s ease 0s;
}

.newsYoseist li .subnei{
	width: 80%;
	height: 60%;
	background-color: #D3242D;
	background-color: rgba(214,0,14,0.8);
	position: absolute;
	left: 50%;
	 margin-left: -40%;
	top: 16%;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-top: 60px;
	
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	
	transition: all .8s ease .4s;
	-webkit-transition: all .8s ease .4s;
	-moz-transition: all .8s ease .4s;
	opacity: 0;
	
}
.newsYoseist li .subnei strong{ display: inline-block; font-size: 30px; font-weight: bold; color: #fff;
	border-bottom: 1px solid #E24F58;
	padding-bottom: 10px;
}
.newsYoseist li .subnei small{ display: inline-block; font-size: 16px; font-family: arial;
 	text-transform: capitalize;
 	letter-spacing: 5px;
 	color: #fff;
 	border-bottom: 3px solid #E24F58;
 	margin-top: 10px;
 	padding-bottom: 10px;
 	width:100%;
 	box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	padding-left: 5px;
}

.newsYoseist li.ne2 .texgs .txt font{
	height: auto;
	margin-left: -32px;
}
.newsYoseist li.ne5 .texgs .txt font{
	height: auto;
	margin-left: -26px;
}
.newsYoseist li.ne2 .subnei small,
.newsYoseist li.ne5 .subnei small{ letter-spacing: 9px;}
.newsYoseist li:hover img{
	opacity: 1;
}
.newsYoseist li:hover .texgs{
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	opacity: 0;
	
}

.newsYoseist li:hover .subnei{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	opacity: 1;
	
}

#ContMap {
    height: 352px;
    width: 100%;
	
}
 .ContMap{height:352px;width:100%;/* padding:2px; */margin-top:0px;border:1px solid #cacaca;margin-bottom:50px;}
 
table{
 
 

}
.table-fix {   
 table-layout:fixed;     

}

table tr td {    white-space:nowrap;  
    overflow:hidden;    
    text-overflow:ellipsis; 
    word-break:keep-all;  
    padding: 0 7px;}
	
	table {  
  width: 100%;  
  border-collapse: collapse;  
} 
tr:nth-of-type(odd) {  
  background: #eee;  
} 
th {  
  background: #333;  
  color: white;  
  font-weight: bold;  
} 
td, th {  
  padding: 6px;  
  border: 1px solid #ccc;  
  text-align: left;  
}   
</pre></body></html>