.about-big-box{width:100%;height:100%;background:url(../images/about-big-bg.png) bottom center no-repeat;min-height:920px;}
.about-box{width:25%;float:left;background:url(../images/1px90h.png);height:920px;position:fixed;top:0;left:0;}
.about-box h2{font-size:30px;color:#fff;line-height:120px;width:100%;font-weight:500; text-align: center;padding-top:10px;}
.about-xx{display: block;margin:0 auto;}
.about-nav{width:50%;margin:0 auto;margin-top:100px;}
.about-nav li{margin:0 auto;margin-top:20px;text-align: center;}
.about-nav li a{line-height:60px; margin:0 auto;font-size:20px;color:#fff;display: inline-block;}
.about-nav li a:hover{background-color:#8c080e}
.about-box-right{width:75%;float:right;background:url(../images/1px90b.png);height:960px;}
.about-sj{width:95%;margin-left:5%;overflow:hidden}
.mbl20{margin-left:20%;}
.mbr20{margin-right:20%;}
.abbj1{background-color:#930c12}
.abbj2{background-color:#a8131a}
.about-sj li{display: block;width:20%;float:left;position:relative;height:230px;}
.absj-minbox{position: relative;margin-top:65px;width:100%;height:60px;text-align: center;}
.absj-minbox2{position: relative;margin-top:105px;width:100%;height:60px;text-align: center;}
.absj-minbox .sl{font-size:60px;color:#e9ced0;line-height:60px}
.absj-minbox .dw{font-size:24px;color:#e9ced0;line-height:24px;}
.absj-minbox .sm{font-size:60px;color:#e9ced0;}
.absj-minbox2 .dw2{font-size:24px;color:#e9ced0;line-height:24px;display: block;}
.absj-minbox2 .dw2:hover{color:#fff;}
.about-sj li .mc{width:100%;font-size:22px;color:#e9ced0;line-height:30px;padding:15px 0;text-align: center;}
.about-sj li:hover .mc,.about-sj li:hover .sl,.about-sj li:hover .dw,.about-sj li:hover .sm{color:#fff;cursor: pointer;}
.about-sj li:nth-child(1){animation-duration:2s;animation-name:sj1;animation-delay:4s;}
@keyframes sj1{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(5){animation-duration:2s;animation-name:sj5;animation-delay:9s;}
@keyframes sj5{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(9){animation-duration:2s;animation-name:sj9;animation-delay:13s;}
@keyframes sj9{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(3){animation-duration:2s;animation-name:sj3;animation-delay:17s;}
@keyframes sj3{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(11){animation-duration:2s;animation-name:sj11;animation-delay:19s;}
@keyframes sj11{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(10){animation-duration:2s;animation-name:sj10;animation-delay:25s;}
@keyframes sj10{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(2){animation-duration:2s;animation-name:sj2;animation-delay:28s;}
@keyframes sj2{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(8){animation-duration:2s;animation-name:sj8;animation-delay:32s;}
@keyframes sj8{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(13){animation-duration:2s;animation-name:sj13;animation-delay:36s;}
@keyframes sj13{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(4){animation-duration:2s;animation-name:sj4;animation-delay:39s;}
@keyframes sj4{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(12){animation-duration:2s;animation-name:sj12;animation-delay:41s;}
@keyframes sj12{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(6){animation-duration:2s;animation-name:sj6;animation-delay:46s;}
@keyframes sj6{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(7){animation-duration:2s;animation-name:sj7;animation-delay:50s;}
@keyframes sj7{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}
.about-sj li:nth-child(14){animation-duration:2s;animation-name:sj14;animation-delay:55s;}
@keyframes sj14{from{transform: rotateY(0deg); }to { transform: rotateY(-360deg); }}





















.ztzl{width:100%;margin: 0 auto;margin-top:200px;}
.mr_frbox{padding:24px 0px;overflow:hidden}
.mr_frUl{width:90%;margin-left:5%;height:400px;overflow:hidden;}
.mr_frBtnL{cursor:pointer;position: absolute;left:7%;}
.mr_frBtnR{cursor:pointer;position: absolute;right:7%;}
.mr_frUl ul li{display:inline;float:left;width:33.33%;overflow:hidden;}
.mr_frUl ul li a{width:100%; display: block;text-align: center;line-height:60px;color:#333;font-size:18px;}
.mr_frUl ul li a img{margin-bottom:7px;width:375px;height:240px;border-radius: 20px;}
.mr_frUl ul li a h3{line-height:90px;width:100%;text-align: center;color: #1a1a1a;font-size:24px;}
.mr_frUl ul li a div{line-height:28px;font-size:18px;color:#1a1a1a;text-align: center;}
.ab-an{width:100%;position: relative;margin-top:70px;height:35px;}
.x-about{width:100%;height:1px;background:url(../images/ads10px.png);animation-duration:0.5s;animation-iteration-count:infinite;animation-name:aboutx;position:absolute;top:16px}

@keyframes aboutx{
	0% {background-position-x: 0;} 
	100% {background-position-x:10px;} 
	}
.about-con{width:90%;margin-top:70px;margin-left:5%;}

.fh{display: block;position:fixed;width:88px;height:204px;top:300px;left:0;z-index: 20;background:url(../images/about-fu.png) left center no-repeat;overflow:hidden}
.fh div{background:url(../images/about-jt.png) left center no-repeat;color:#fff;font-size:24px;line-height:36px;padding-left:36px;height:72px;margin-top:66px;background-position-x: 5px;}
.fh:hover div{animation-duration:1s;animation-iteration-count:infinite;animation-name:fhdiv;}
@keyframes fhdiv{
	0% {background-position-x: 5px;} 
	25% {background-position-x:7px;}
	50% {background-position-x:9px;} 
	75% {background-position-x:7px;} 
	100% {background-position-x:4px;} 
	}