body {
   
  min-width:1313px;
}
* {
  padding: 0%;
  margin: 0%;
}
.active{
  color: red !important;
}
.hed {
  overflow: hidden;
  width: 100%;
  background-position: center 0;
  background-repeat: no-repeat;
}

.nodata{ width:100%; float:left; text-align:center; font-size:16px; padding:200px 0px;}


.navar{
	width: 100%;
	
	text-align: center;
}
.navar>a{
	display: inline-block;
	
	padding:0px 27px;
	margin-bottom: 37px;
	font-size: 16px;
	
	color: #3b3a3a;
}

.navar>a:hover{
	color: #0b3262;
}

#cur{color: #0b3262; font-weight:700;}

.harpt{
	height: 53px;
	overflow: hidden;
	transition: height 0.3s;
}
.loger{
	height: 145px;
	width: 100%;
	 background-image: url(../images/lohg.png);
	 background-repeat:no-repeat ;
	 background-position:center;
	 background-size: auto 30%;
	  	transition: height 0.5s; 
}



.hed-top {
  margin-top: 45px;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.top-l {
  color: #3a3a3a;
  font-size: 14px;
  float: left;
  margin-left: 37px;
}
.top-r {
  float: right;
  margin-right: 53px;
  cursor: pointer;
}
.top-r>img:hover{
  transform: scale(1.2)
}
.top-mid {
width: 1313px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/* --------------index------------------- */
.hed-nav {
width: 1313px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.nav1 {
  float: left;
  margin-top: 15px;
  margin-bottom: 30px;
}
.nav1>a:hover{
  color:#00b0ec;
}
.nav1 > a {
  color: #3b3a3a;
  font-size: 16px;
  text-decoration: none;
  margin-right:70px;
}
.bg-img > img {
  width: 100%;
  overflow: hidden;
  margin-bottom: 106px;
}
.wenzi {
width: 875px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 120px;
}
.douhao {
  font-size: 40px;
  margin-bottom: 50px;
}
.title {
  font-size: 40px;
  color: #1f1f1f;
  margin-bottom: 43px;
}
.cont {
  color: #1f1f1f;
  font-size: 24px;
  line-height:50px;
 
  margin: 0 auto;
}
.cont1 {
  color: #1f1f1f;
  font-size: 24px;
  line-height:50px;
 width: 777px;
  margin: 0 auto;
}
.chunx {
  position: relative;
  float: left;
  max-width: 49.7%;
}
.chunx > img {
  width: 100%;
  
}
.qiud {
  float: left;
  max-width: 49.7%;
  position: relative;
}
.qiud > img {
  width: 100%;
}
.kk-left {
  position: absolute;
  width: 36%;
  padding: 15px;
  background-color: #ffffff;
  top: 43.5%;
  left: 32%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  color: #1f1f1f;
  transition: 0.3s;
}
.kk-left:hover {
  /* transform:rotate(90deg); */
  background-color: rgba(11, 50, 98, 0.85);
  color: #ffffff;
}
.liaojie {
  width: 153px;
  background-color: #0b3262;
  border:#0b3262 solid 1px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
.liaojie:hover{
  width: 153px;
  background-color: #ffffff;
  height: 43px;
  border:#104586 solid 1px;
  line-height: 43px;
  text-align: center;
  display: inline-block;
  color: #3b3a3a;
  text-decoration: none;
}
 .showr{
 	position: absolute;
 	right: 55px;
 	top: 45px;
 width: 30px;
 height: 30px;
 	 	border-radius: 50em;
  	overflow: hidden;
  	text-align: right;
 	background-color: #FFFFFF;
 	transition: width 0.3s;
 
 	  	transition:right 0.5s, top 0.5s,width 0.5s;
 }
    
   .showr button{

   	 		position: absolute;
   	top: 0px;
   	right: 0px;
   	z-index: 99;
   }
    .showr input{
    	
   		   	position: absolute;
   	top: 0px;
   	left: 20px;
   }
 .showr:hover{
 	width: 145px;
 }
  
 
 .lokbsr{
 	
 		width: 96px;
 	height: 30px;
 	background-color: #FFFFFF;
 	  
 	background-position:center ;
 	background-repeat:no-repeat ;
 }
 
 
 .imker{
 	width: 30px;
 	height: 30px;
 	background-color: #FFFFFF;
 	border-radius: 100%;
 	border: 0px;
 	background-image:url(../images/show.png) ;
 	background-position:center ;
 	background-repeat:no-repeat ;
 }
 
 
 .beheader{
 	min-width: 1300px;
 	position: fixed;
 	left: 0px;
 	top: 0px;
 	width: 100%;
 	overflow: hidden;
 	height: 196px;
 	background:url(../images/01.jpg) no-repeat center;
 	transition: height 0.5s;
 	z-index: 88;
 }
.peto{
	height: 100px;
}
.peto .loger{
	height: 100px;
}
.peto .showr{
	top: 35px;
	right: 105px;
	
}
.peto .yuan{
	top: 40px;
	
}
.peto .buuternva{
	opacity: 1;
	right: 30px;
	
}
.buuternva{
position: absolute;
 background-color: #FFFFFF;
 border-radius:100% ;
 
	top: 35px;
	right: -100%;
	width: 30px;
	height: 30px;
	transition: opacity 0.8s, right 0.8s,top 0.8s;
}
.buuternva>div{
	position: absolute;
	width: 70%;
	left: 15%;
	height: 2px;
	background-color: #CCCCCC;
	transition: transform 0.5s,opacity 0.5s,top 0.5s;
}
 
.jnva>div:nth-child(1){
	top: 14px!important;
	transform:rotate(45deg);
}
.jnva>div:nth-child(2){
	opacity:0;
	top: 14px;
}
.jnva>div:nth-child(3){
	top: 14px!important;
	transform:rotate(-45deg);
}
.buuternva>div:nth-child(1){
	top: 9px;
	 
}
.buuternva>div:nth-child(2){
	top: 14px;
	
}
.buuternva>div:nth-child(3){
	top: 19px;
	 
}




 .yuan{
 	font-size: 14px;
 	position: absolute;
  left: 55px;
  top: 45px;
  	transition: top 0.5s;
 }
.video {
 width: 100%;
   
  background-color: #1f1f1f;
  margin-bottom: 30px;
}
.dongtai {
  max-width: 1313px;
  margin: 0 auto;
}
.dt-top {
  max-width: 1313px;
  width: 100%;
  height: 300px;
  margin-bottom: 40px;
  display: flex;
  justify-content:space-around;
}
.dt-top a{
	display: block;
}
.dt-top a:hover img{
	transform:scale(1.05);
}
.dt-top a img{ transition: transform 0.5s;}
.top-img {
  width: 44.3%;
  float: left;
}
.top-img2 {
  width: 48%;
  float: right;
}
.top-img > img,
.top-img2 > img {

}
 
.img-tx {
  font-size: 24px;
  margin-top: 34px;
}
.img-tx > p {
  font-size: 14px;
}
/* .xhx{
width: 155px;
height: 1px;
background-color: #e0e0e0;
} */
.dt-mid {
  clear: both;
}
.dt-bottom {
  display: flex;
  justify-content:space-around;
}
.bot-pic {
  width: 32%;
  float: left;
}

.bot-pic:hover img{
	transform:scale(1.05);
}

.bot-pic > img {
  width: 100%;
  transition: transform 0.5s;
  margin-bottom: 33px;
}
 .huidon{
 	width: 100%;
 	height: 30px;
 	background: url(../images/xshang1.png) no-repeat center;
 }
 .hdao{
 	height: 20px;
 	text-align: center;
 	font-size: 14px;
 	color: #909090;
 	display:block;
 }
 
.bot-tx {
  color: #b5b5b5;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 156px;
  margin-top:27px;
}
.bot-tx > p {
  color: #000000;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.fanhui {
  width: 87px;
  height:53px;
  line-height:23px;
  border: 1px #cdcdcd solid;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  clear: both;
  text-decoration: none;
  color: #909090;
  margin: 180px auto 40px;
}

.fanhui:hover .hdao{
  color: #909090;
  display:block;
}
.ft {
	min-width: 1313px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* flex-direction: column; */
  align-content: center;
  justify-content: center;
  background-size: auto 100%;
}
.footer {
	
  width: 100%;
}
.menb {
  padding: 20px 0px 0px 30px;
  max-width: 1313px;
  margin: 35px auto;
  background-color: rgba(0, 0, 0, 0.4);
  background-repeat: no-repeat;
  background-size: 100%;
}
.ft-l {
  clear: both;
 float: left;
}
.l-tx {
  float: left;
  color: #fff;
  font-size: 14px;
  line-height: 38px;
}
.ft-mid {
	 float: left;
  
}
.mid-tx {
  float: left;
  line-height: 38px;
  color: #fff;
  font-size: 14px;
  margin-left: 42px;
}
.ft-right {
  float: right;
  width: 262px;
  padding: 20px 0px;
}
.r-img {
  float: right;
  margin-right: 20px;
  text-align:center;
}
.r-img > p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
}
.x-img {
  padding: 15px 10px;
  float: left;
}
.x-img>img:hover{
  transform: scale(1.3)
}
.kk-left{
	display: block;
}

.kk-left > p {
  font-size: 30px;
  text-align: center;
}
.xiaotubiao {
  clear: both;
}
/* --------------Product------------------- */
.qd-show {
  max-width: 1313px;
  overflow: hidden;
  margin: 0 auto;
  
}
.qd-search {
	line-height: 165px;
  
}
.qd > p {
  float: left;
  font-size: 30px;
}
.youfu {
	line-height: 165px;
  float: right;
}
.txt {
  font-size: 14px;
  vertical-align: middle;
  margin-right: 11px;
  width: 256px;
  height: 49px;
  border: 1px #000 solid;
  text-indent:1em;
}
.submit {
    vertical-align: middle;
  width: 120px;
  height: 51px;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  transition: 1s;
}
 
.clo {
  width: 1325px;
  
}
.clo-1 {
	float: left;
	margin: 50px 6px;
	margin-top: 0px;
	position: relative;
  float: left;
  width: 24%;
  margin-bottom: 35px;
  overflow:hidden;

}
.clo-1 div> img {
  width: 100%;
  transition: transform 0.3s;
}
.clo-1 > p
{
    width:100%;
    text-align:center;
    padding-top:5px;
    line-height:35px;
    font-size:14px;
}
.clo-1:hover .mberd{
  opacity: 1;
  font-size:22px;

}
.clo-1:hover img{
  transform:scale(1.05);

}
.imgjia{
	width: 64px;
	margin: 0 auto;
	margin-bottom:34px;
	height: 64px;
	background: url(../images/ja.png) no-repeat center;
}
.nwenamr{
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	transition: font-size 0.2s 0.2s;
}
.clo-1:hover .nwenamr{
  font-size:16px;
}
.mberd{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 424px;
	opacity: 0;
	background-color: rgba(0,0,0,0.5);
	transition: opacity 0.5s;
}
.fanhui1 {
  width: 55px;
  height: 44px;
  border: 1px black solid;
  display: flex;
  justify-content: center;
  align-content: flex-end;
  flex-wrap: wrap;
  margin: 0 auto;
  font-size: 30px;
  color: #cdcdcd;
  transition: transform 0.3s;
}
.fanhui1:hover {
	transform:scale(1.05);
  color: #00b0ec;
}
.jiazai {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  width: 43px;
  margin: 0 auto;
}
.jiazai-p {
  width: 100px;
  margin: 15px auto 78px;
  text-align: center;
  display: flex;
  justify-content: center;
}
 
 .clo-btm:hover{
 	transform:scale(1.05);
 }
.clo-btm {
	width: 100px;
	margin: 0 auto;
	transition: transform 0.5s;
  margin-bottom: 40px;
}
/* --------------Custom------------------- */
.dz-bg {
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position:center 0px;
  clear: both;
}
.kb {
  max-width: 1313px;
  background-color: #fff;
  margin: 0 auto;
  margin-top: 500px;
}
.kb-title {
  margin-bottom: 80px;
  color: #272626;
  font-size: 32px;
}
.kb-cont {
  width: 65.7%;
  margin: 0 auto;
}
.kb-tx {
  margin-top: 500px;
  text-align: center;
  color: #272626;
  font-size: 16px;
  line-height: 28px;
}
.fanhui1 {
  width: 55px;
  height: 44px;
  border: 1px black solid;
  display: flex;
  justify-content: center;
  align-content: flex-end;
  flex-wrap: wrap;
  margin: 0 auto;
}
.fanhui1 > a {
  font-size: 30px;
  color: #cdcdcd;
}
.kb-1 {
  padding: 40px;
  background-color: #fff;
  height: 100%;
}
/* --------------About us------------------- */





.mber{
	position:fixed;
	top: 0px;
	left: 0px;
	
width: 100%; 
height: 100%;
background: #000000;
opacity: 0.5;
z-index: 999;
}
.hans{
	display: none;
}

.ander{
	width: 100%;
	position:fixed;
	top: 5vh;
	left: 0px;
	text-align: center;
	z-index: 999;
}

.ander>img{
	width: 80%;
}
.about-bg {
  width: 100%;
  background-repeat: no-repeat;
  height: 773px;
}
.about-tx {
  max-width: 1313px;
  margin: 0 auto;
}
.about-title {
  margin-bottom: 55px;
  text-align: center;
  color: #fff;
  font-size: 30px;
}
.about-cont {
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
   height: 400px;
}
.about-kk {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
  align-content: center;
}
.about-kk1 {
  float: left;
  width: 215px;
  height: 65px;
  background-color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 65px;
  transition: background-color 0.5s,color 0.5s;
}
.about-kk1:hover{
	background-color: #082f60;
	color: #FFFFFF;
	font-weight:700;
}


.about-zy {
  clear: both;
  width: 100%;
  overflow: hidden;
}
.zy {
  max-width: 1313px;
  height: 773px;
  margin: 0 auto;
}
.about-z {
  width: 50%;
}
.z-video {
  width: 55.8%;
  height: 204px;
  background-color: #000;
  position: relative;
  top: 300px;
}
.about-z {
  width: 48%;
  float: left;
}
.z-img {
  width: 367px;
  height: 460px;
  background-size: 100%;
  float: right;
}
.about-y {
  width: 48%;
  float: right;
  margin-top: 200px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-end;
}
.y-tx {
  float: right;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 40px;
}
.hj-1 {
  max-width: 1313px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
}
.hj-title {
  text-align: center;
  font-size: 30px;
  margin-bottom: 105px;
  margin-top: 80px;
}
.hj-img {
  float: left;
  width: 24%;
  margin-bottom: 17px;
}
.hj-img > img {
  width: 100%;
  transition: 0.5s;
}
.hj-img > img:hover {
  transform: scale(1.03);

}
.qy {
  width: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center;
}
.qy-kk {
    max-width: 1136px;
    height: 775px;
    margin: 0 auto;
}

.qy-kk1 {
    padding: 108px 40px 0px;
    float: left;
    background-color: #fff;
    margin-bottom: 17px;
    width: 448px;
    height: 202px;
    margin: 200px 20px;
}
.kk2 {
  float: right;
  width: 50%;
}
.qy-kk1-p1 {
  font-size: 24px;
  color: #0b56b3;
  font-weight:bold;
}
.qy-kk1-p2 {
  font-size: 16px;
  color: #353535;
  margin-top:18px;
  line-height: 30px;
  font-weight:bold;
}
.rszx {
  width: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
}
.zhexue {
width: 1313px;
  margin: 0 auto;
}

.zhexue>div{
	width: 1313px;
	height: 300px;
  padding: 50px 0px;
  background-color: #fff;
  box-shadow: 0 1px 5px #ccc;
  margin-top:178px;
  margin-bottom: 200px;
}

.zx-z {
  float: left;
  
}
.zx-y {
  float: right;
 
}
.zx-title {
 
  margin-bottom: 50px;
  text-align: center;
  font-size: 24px;
  color: #1f1f1f;
}
.zx-tx {
  width: 80%;
  margin: 0 auto;
}
.zx-tx1 {
  float: left;
}
.zx-tx3,
.zx-tx2 {
  float: right;
}
.zx-tx1-p6 {
  color: #1f1f1f;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}
.zx-tx1-p7 {
  text-align: center;
  color: #555555;
  font-size: 14px;
  line-height: 28px;
}
.xhx {
  height: 3px;
  width: 21px;
  background-color: #0e325c;
  margin: 0 auto;
  margin-bottom: 20px;
}
/* --------------News------------------- */
.news-center {
  max-width: 1313px;
  margin: 0 auto;
  overflow: hidden;
}
.bg-img > img {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 70px;
}
.news-top {
  margin-bottom: 45px;
}
.news-top > p {
  color: #1f1f1f;
  font-size: 30px;
}
.news-pic {
  float: left;
  width: 50%;
}
.news-pic > img {
  width: 100%;
}
.news-txt {
  float: right;
  width: 573px;
}
.news-txt > p {
  width: 100%;
}
.news-txt-p1 {
  font-size: 36px;
  color: #797979;
  font-family: "宋体";
  text-align: center;
  margin-bottom: 30px;
}
.news-txt-p2 {
  color: #1f1f1f;
  font-size: 20px;
  text-align: center;
  margin-bottom: 50px;
}
.news-txt-p3 {
  font-size: 16px;
  text-align: center;
  color: #555555;
  line-height: 40px;
  margin-bottom: 50px;
}
.ydxq {
  width: 128px;
  padding: 15px;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  
}
 

.mt {
  max-width: 1313px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mote {
  width: 100%;
  clear: both;
  overflow: hidden;
  margin-top: 104px;
}
.mote-pic {
  float: left;
  width: 31%;
  margin-bottom: 100px;
}
.mote-pic >a> img {
  max-width: 100%;
}
.mote-pic >a> img:hover {
  width: initial;
  animation: pulse 1s;
}
.mote-tx {
  line-height: 60px;
}
.mote-tx-p4 {
  color: #797979;
  font-size: 14px;
}
.mote-tx-p5 {
  color: #555555;
  font-size: 18px;
}
/* --------------新闻详情------------------- */
.news-xq {
  margin-top: 88px;
}

.top-title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 35px;
}
.news-tx {
  font-size: 12px;
  color: #b7b7b7;
  text-align: center;
  margin-bottom: 50px;
}
.bot-cont {
  color: #555555;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 60px;
}
.news-img1 {
  float: left;
  width: 48.7%;
}
.news-img {
  float: right;
  width: 48.7%;
}
.news-img1 > img {
  max-width: 100%;
}
.news-img > img {
  max-width: 100%;
}

/* --------------Contact us------------------- */
.lx-bg {
  background-size: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 100%;
}
.contact {
  max-width: 1313px;
  overflow: hidden;
  margin: 0 auto;
}
.lx-title {
  margin-top: 110px;
  text-align: center;
  color: #1f1f1f;
  font-size: 30px;
  margin-bottom: 100px;
}
.gs-msg {
  float: left;
  width: 48%;
}
.gs-msg-p1 {
  color: #343434;
  font-size: 24px;
}
.your-msg {
  float: right;
  width: 48%;
}
.your-msg > input {
  width: 100%;
  height: 50px;
  background-color: #ededed;
  font-size: 14px;
  margin-bottom: 15px;
}
.your-msg > input:nth-child(6) {
  width: 160px;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  border-radius:50em;
  cursor: pointer;
 
}
.your-msg > input:nth-child(6):hover{
	opacity: 0.5;
} 
.gs-msg-p2 {
  font-size: 14px;
  line-height:1.5;
}
.gs-msg > p {
  margin-bottom: 20px;
}
.fanhui1 {
  width: 55px;
  text-align: center;
  background: url(../images/xshang1.png) no-repeat center;
  height: 45px;
  border: 1px #cdcdcd solid;
  display: flex;
  justify-content: center;
  align-content: flex-end;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 180px;
  margin-bottom: 40px;
}
.fanhui1 > a {
  font-size: 30px;
  color: #cdcdcd;
}
 
 
 .lis{
 	width: 100%;
 	height: 1000px;
 	background-position: center;
 	background-repeat:no-repeat ;
 	background-image:url(../images/hequ.jpg);
 	background-size: 120%;
 }
 
.wort>ul>li:hover{
	transform:scale(1.1);
}


 .wort{
 	position: relative;
 	margin: 0 auto;
 	width: 1300px;
 	height: 390px;
 	background-position: center;
 	background-repeat:no-repeat ;
 	background-image:url(../images/wod.png);
 }
 
.itehr{
width: 100%;
line-height: 225px;
text-align: center;
color: #FFFFFF;
font-size: 30px;
}

.wort>ul>li{
	position: absolute;
	width: 7px;
	height: 7px;
	background-color: #01295d;
	border:4px solid #FFFFFF;
	border-radius:100%;
	 transition: transform 0.5s;
}

.tim{
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
		
}
.bileft{
	border-left: 1px solid #556f92;
	height: 75px;
	margin-top: 5px;margin-bottom: 10px;
}
.shufon{
	 
	font-size: 16px;
	color: #FFFFFF;
	 
}

.lish{
	position: absolute;
	
	width: 400px;
}


/*history*/
.history{height:725px;width:100%;overflow:hidden;position:relative;}
.history .bg{position:absolute;bottom:0;width:100%;min-width:1920px;}
.history .timeline{height:182px;width:100%;background:url(../images/historytimeline.gif) left 103px repeat-x;position:absolute;margin-top:330px;overflow:hidden;}
.history .timeline ul{height:182px;width:auto;cursor:default;}
.history .timeline li{float:left;overflow:hidden;width:162px;height:182px;position:relative;text-align:center;}
.history .timeline li b{width:70px;height:39px;position:absolute; left:50px; top:90px;background:url(../images/r_2.png);
line-height:39px;font-size:14px;color:#323232;transform-origin:center center;-webkit-transform-origin:center center;
border-radius:25px;-moz-border-radius:25px;*-moz-border-radius:25px}
.history .timeline li span{width:162px;height:156px;position:absolute;background:url(../images/historyp.png) no-repeat; left:0; top:0;
font-size:36px; font-weight:bold; color:#FFF; line-height:156px; margin-top:30px; padding-top:0; display:none\9;
-webkit-transform:scale(0);transform:scale(0);transform-origin:center 60%;-webkit-transform-origin:center 60%;filter:alpha(opacity=0);opacity:0;}
.history .timeline li.h span,.history .timeline li.s span{display:block\9;-webkit-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);opacity:1;}
.history .timeline li.h b,.history .timeline li.s b{-webkit-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);opacity:0;}
.history .con{width:1000px;height:300px;position:absolute;left:50%;margin-left:-500px;top:0;overflow:hidden}
.history .con ul{ left:0; width:100%; overflow:hidden; top:0; position:absolute}
.history .con li{width:100%;height:450px;display:block; float:left; padding-top:50px;}
.history .con li h1{font-size:90px;font-weight:bold;color:#008aff;line-height:100px; width:100%; margin-bottom:20px; text-align:center;}
.history .con li td{width:1000px;margin:0px;line-height:53px;font-size:30px;color:#FFF; text-align:center;}
.history .con li strong{font-size:18px;margin-right:15px;}

.pro_nav{ width:100%; float:left;}
.pro_nav li{ float:left; padding-right:35px; padding-bottom:50px;}
.pro_nav li a{ font-size:16px;}
.pro_selected{ font-weight:bold;}


.pagelist{width:100%;height:37px; padding-top:30px; text-align:center;}
.pagelist a{ padding:0 7px; height:32px;display:inline-block; background-color:#f1f1f1; border-radius: 1px; border:#c1c1c1 solid 1px;  text-align:center;line-height:32px;margin-left:14px;font-size:14px;color:#3e3e3e; cursor:pointer;}
.pagelist a:hover ,.pagelist a.selected{ background-color:#0b3262; color:#fff; border:#0b3262 solid 1px; padding:0 7px; cursor:pointer;}