﻿
/*关于我们start*/

.about_bg{position:fixed;width:100%;height:100%;top:0;left:0;background: url(../image/about_bg.jpg) no-repeat;background-size:cover;}

.about_content{width:60%;margin:0 auto;}

.about_content h2,.about_content h3{text-align:center;font-weight:bold;color:#000;}

.about_content h2{font-size:40px;margin-bottom:50px;}

.about_content p{font-size:16px;color:#000;line-height:180%;margin-bottom:20px;text-align:center;}

.about_content.history{text-align:center;position:relative;}



/*大事记start*/

.event_box{width:85%;margin:6% auto 0;position:relative;min-height:420px;}

.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}

.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}

.parHd .tempWrap{margin:0 auto;}

.parHd .tempWrap:after{content:'';width:90%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:1%;top:35%;/* margin-top:-0.5px;*/z-index:10;}

.parHd li.no_line:before{display:none;}

.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}

.parHd li:after{content:'';background:url(../image/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}

.parBd{text-align:center;margin-top:60px;}

.parBd h4{position:relative;font-size:16px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}

.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}

.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}

.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}

div#listBox {width:100%;}

.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}

.sPrev{left:0;}

.sNext{right:0;}

.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}

.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../image/cat.png) no-repeat;position:absolute;top:-12px;left:14px;z-index:21;}

.parHd li span,.parHd li.clone span{display:none;}	

@media (max-width: 768px){ 

.event_box{width:80%;}

.parHd li{margin:0 12px;}

.sPrev{left:-15px;}

.sNext{right:-15px;}

.event_box .parHd { width: 85%; margin: 0 8%;}

.parBd h4{padding: 0 3%;}
}