@charset "UTF-8";
/* CSS Document */



/*company*/
.banner_about{width: 100%; overflow: hidden; height: 780px; position: relative; background-size: cover;}
.banner_about .video_about{ width: 100%; z-index: 0; position: absolute; left: 0; top: 0;}
.banner_about .banner_t1{ position: absolute; color: #fff; margin-top: 280px; font-size: 25px; text-align: center; width: 100%; letter-spacing: 10px; }
.banner_about .banner_t2{ position: absolute; color: #fff; margin-top: 300px; font-size: 48px; text-align: center; width: 100%; letter-spacing: 5px; font-weight: 700;}
.banner_about .banner_t2 .red{color: #f1501a; font-size: 72px; font-weight: 100;}
.banner_about ul{width: 700px; overflow: hidden; left:0; right:0; top:0; bottom:0;margin: 0 auto; position: absolute; margin-top: 430px;}
.banner_about ul li{float: left;width: 25%; border-right: 1px dotted #fff;;}
.banner_about ul li.noborder{border: none;}
.banner_about ul li i{font-size: 30px; color: #fff; text-align: center; width: 100%; transition: 0.3s all;}
.banner_about ul li.li3 i{font-size: 35px;}
.banner_about ul li h4{color: #fff; font-size: 16px; text-align: center; margin-top: 15px;font-weight: bold; letter-spacing: 1px; transition: 0.3s all;}
.banner_about ul li.li3 h4{margin-top: 10px;}
.banner_about ul li:hover i{ color: #fff;text-shadow: 0 1px rgba(0, 0, 0, 0.9);}
.banner_about ul li:hover h4{color: #fff;text-shadow: 0 1px rgba(0, 0, 0, 0.9);}
.banner_about ul li a{text-decoration: none;}

.about_info{width: 100%; overflow: hidden; background: #fff; }
.about_info .company{ width: 80%; overflow: hidden; margin: 80px auto 160px auto; }
.about_info .company .cont { width: 100%; overflow: hidden;}
.about_info .company .cont img{float: left; margin: 20px 30px 0 0;}
.about_info .company h2{ color: #333; font-size: 35px; text-align: center; margin-bottom: 30px; font-weight: bold; letter-spacing: 2px;}
.about_info .company h4{font-size:16px;color:#000;line-height:180%;margin-bottom:50px;text-align:center;}
.about_info .company p{color: #444; line-height: 26px;  font-size: 14px; margin-top: 20px;}

.about_bg{position:fixed;width:100%;height:100%;top:0;left:0;background: url(../images/about_bg.jpg) no-repeat;background-size:cover;}
.about_content{width:100%; margin:0 auto 150px auto;}
.about_content h2,.about_content h3{text-align:center;font-weight:bold;color:#333;letter-spacing: 2px;}
.about_content h2{font-size:40px;margin-bottom:30px;}
.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;}
.about_history{width: 100%; overflow: hidden; background: #f5f5f5; padding-top: 80px;}

.event_box{width:60%;margin:3% auto 0; position:relative;min-height:360px;}
.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:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;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(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-8px;left:50%;margin-left:-13px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center; color: #333;}

.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto; color: #888; text-align: center; letter-spacing: 5px;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px; cursor: pointer;}
.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(../images/cat.png) no-repeat;position:absolute;top:-8px;left:32px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	


.navbar-dark .navbar-toggler{display: none;}



/*1680*/
@media screen and (max-width: 1680px){
.wap_footer{display: none;}

}

/*1440*/
@media screen and (min-width: 1440px) and (max-width : 1679px){
	.banner_about{height: 620px;}
	.banner_about .banner_t1{ margin-top: 210px; font-size: 25px; letter-spacing: 10px; }
	.banner_about .banner_t2{margin-top: 230px; font-size: 48px; letter-spacing: 5px; font-weight: 700;}
	.banner_about .banner_t2 .red{ font-size: 72px; font-weight: 100;}
	.banner_about ul{width: 700px; margin-top: 360px;}
	
	.about_info .company{width: 90%; margin: 80px auto 100px auto;}
	.about_info .company .cont img{margin: 30px 30px 0 0;}
	.about_info .company h2,.about_content h2{font-size: 36px;}
	.event_box{width: 70%;}
	.parBd h4{font-size: 32px;}

}
/*1280*/
@media screen and (min-width: 1280px) and (max-width : 1439px){
	.banner_about{height: 550px;}
	.banner_about .banner_t1{ margin-top: 190px; font-size: 25px; letter-spacing: 10px; }
	.banner_about .banner_t2{margin-top: 210px; font-size: 45px; letter-spacing: 5px; font-weight: 700;}
	.banner_about .banner_t2 .red{ font-size: 68px; font-weight: 100;}
	.banner_about ul{width: 700px; margin-top: 340px;}
	
	.about_info .company{width: 90%; margin: 80px auto 100px auto;}
	.about_info .company .cont img{margin: 30px 30px 40px 0;}
	.about_info .company h2,.about_content h2{font-size: 32px;}
	.event_box{width: 80%;}
	.about_content{margin-bottom: 100px;}
	.parBd h4{font-size: 28px;}

}

/*iPad Pro (1024px)*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner_about{height: 460px;}
	.banner_about .banner_t1{ margin-top: 145px; font-size: 20px; letter-spacing: 10px; }
	.banner_about .banner_t2{margin-top: 155px; font-size: 40px; letter-spacing: 5px; font-weight: 700;}
	.banner_about .banner_t2 .red{ font-size: 58px; font-weight: 100;}
	.banner_about ul{width: 700px; margin-top: 270px;}
	.banner_about ul li h4{font-weight: normal;}
	
	.about_info .company{width: 94%; margin: 80px auto 80px auto;}
	.about_info .company .cont img{margin: 30px 30px 0px 0;}
	.about_info .company h2,.about_content h2{font-size: 28px;}
	.event_box{width: 90%;}
	.about_content{margin-bottom: 80px;}
	.parBd h4{font-size: 22px;}

}

/*ipad （768px）*/
@media screen and (min-width: 768px) and (max-width : 1023px){
	.banner_about{height: 410px;}
	.banner_about .banner_t1{ margin-top: 155px; font-size: 20px; letter-spacing: 10px; }
	.banner_about .banner_t2{margin-top: 165px; font-size: 36px; letter-spacing: 5px; font-weight: 700;}
	.banner_about .banner_t2 .red{ font-size: 50px; font-weight: 100;}
	.banner_about ul{width: 90%; margin-top: 280px;}
	.banner_about ul li h4{font-weight: normal;}
	
	.about_info .company{width: 94%; margin: 40px auto 50px auto;}
	.about_info .company .cont img{margin: 30px 20px 0px 0;}
	.about_info .company h2,.about_content h2{font-size: 28px;}
	.about_info .company h4{margin-bottom: 20px;}
	.event_box{width: 82%; min-height: 260px;}
	.about_history{padding-top: 50px;}
	.about_content p{margin-bottom: 0;}
	.about_content{margin-bottom: 60px;}
	.event_box .parHd{width: 92%;}
	.parBd{margin-top: 20px;}
	.parBd h4{font-size: 22px;}

}

/*iphone6 plus横屏 (736px)*/
@media screen and (min-width: 736px) and (max-width : 767px){
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_about{height: 410px;}
	.banner_about .banner_t1{ margin-top: 155px; font-size: 20px; letter-spacing: 10px; }
	.banner_about .banner_t2{margin-top: 165px; font-size: 36px; letter-spacing: 5px; font-weight: 700;}
	.banner_about .banner_t2 .red{ font-size: 50px; font-weight: 100;}
	.banner_about ul{width: 90%; margin-top: 280px;}
	.banner_about ul li h4{font-weight: normal;}
	
	.about_info{padding-bottom: 50px;}
	.about_info .company{width: 94%; margin: 40px auto 70px auto;}
	.about_info .company .cont img{margin: 30px 20px 0px 0;}
	.about_info .company h2,.about_content h2{font-size: 28px;}
	.about_info .company h4{margin-bottom: 20px;}
	.event_box{width: 82%; min-height: 260px;}
	.about_history{padding-top: 50px; display: none;}
	.about_content p{margin-bottom: 0;}
	.about_content{margin-bottom: 60px;}
	.event_box .parHd{width: 92%;}
	.parBd{margin-top: 20px;}
	.parBd h4{font-size: 22px;}

}

/*ipad6横屏( 667px)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_about{height: 380px;}
	.banner_about .banner_t1{ margin-top: 150px; font-size: 18px; letter-spacing: 10px; }
	.banner_about .banner_t2{margin-top: 155px; font-size: 32px; letter-spacing: 5px; font-weight: 700;}
	.banner_about .banner_t2 .red{ font-size: 45px; font-weight: 100;}
	.banner_about ul{width: 86%; margin-top: 260px;}
	.banner_about ul li h4{font-weight: normal; font-size: 13px;}
	
	.about_info{padding-bottom: 50px;}
	.about_info .company{width: 94%; margin: 30px auto 70px auto;}
	.about_info .company .cont img{margin: 30px 20px 0px 0;}
	.about_info .company h2,.about_content h2{font-size: 24px;}
	.about_info .company h4{margin-bottom: 20px; font-size: 14px;}
	.about_info .company p{font-size: 13px;}
	.event_box{width: 82%; min-height: 260px;}
	.about_history{padding-top: 50px; display: none;}
	.about_content p{margin-bottom: 0;}
	.about_content{margin-bottom: 60px;}
	.event_box .parHd{width: 92%;}
	.parBd{margin-top: 20px;}
	.parBd h4{font-size: 22px;}

}

/*ipad5横屏 (568px)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_about{height: 360px;}
	.banner_about .banner_t1{ margin-top: 125px; font-size: 16px; letter-spacing: 10px; }
	.banner_about .banner_t2{margin-top: 130px; font-size: 28px; letter-spacing: 5px; font-weight: 700;}
	.banner_about .banner_t2 .red{ font-size: 40px; font-weight: 100;}
	.banner_about ul{width: 86%; margin-top: 220px;}
	.banner_about ul li h4{font-weight: normal; font-size: 13px;}
	
	.about_info{padding-bottom: 50px;}
	.about_info .company{width: 94%; margin: 0px auto 70px auto;}
	.about_info .company .cont img{margin: 30px 20px 0px 0; width: 280px;}
	.about_info .company h2,.about_content h2{font-size: 24px; margin-bottom: 15px;}
	.about_info .company h4{margin-bottom: 20px; font-size: 14px;}
	.about_info .company p{font-size: 12px;}
	.event_box{width: 82%; min-height: 260px;}
	.about_history{padding-top: 50px; display: none;}
	.about_content p{margin-bottom: 0;}
	.about_content{margin-bottom: 60px;}
	.event_box .parHd{width: 92%;}
	.parBd{margin-top: 20px;}
	.parBd h4{font-size: 22px;}

}


/*iphone6 plus (414px) */
@media screen and (min-width: 414px) and (max-width : 567px){
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_about{height: 250px;background: url(../images/about.jpg) no-repeat center top; background-size: cover;}
	.banner_about .video_about{height: 250px; display: none;}
	.banner_about .banner_t1{ margin-top: 130px; font-size: 14px; letter-spacing: 10px; }
	.banner_about .banner_t2{margin-top: 139px; font-size: 20px; letter-spacing: 4px; font-weight: 500;}
	.banner_about .banner_t2 .red{ font-size: 32px; font-weight: 100;}
	.banner_about ul{width: 86%; margin-top: 220px; display: none;}
	.banner_about ul li h4{font-weight: normal; font-size: 13px;}
	
	.about_info{padding-bottom: 50px;}
	.about_info .company{width: 90%; margin: 20px auto 70px auto; }
	.about_info .company .cont img{margin: 15px 0px; width: 100%;height: 200px;}
	.about_info .company h2,.about_content h2{font-size: 24px; margin-bottom: 15px; margin-top: 30px;}
	.about_info .company h4{margin-bottom: 0px; font-size: 14px;}
	.about_info .company p{font-size: 12px;}
	.event_box{width: 82%; min-height: 260px;}
	.about_history{padding-top: 50px; display: none;}
	.about_content p{margin-bottom: 0;}
	.about_content{margin-bottom: 60px;}
	.event_box .parHd{width: 92%;}
	.parBd{margin-top: 20px;}
	.parBd h4{font-size: 22px;}
	.about_info .position,.about_info .position a{font-size: 12px;}
	
}

/*iphone6 plus (375px) */
@media screen and (min-width: 375px) and (max-width : 413px){
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_about{height: 250px;background: url(../images/about.jpg) no-repeat center top; background-size: cover;}
	.banner_about .video_about{height: 250px; display: none;}
	.banner_about .banner_t1{ margin-top: 125px; font-size: 13px; letter-spacing: 2px; }
	.banner_about .banner_t2{margin-top: 137px; font-size: 17px; letter-spacing: 4px; font-weight: 500;}
	.banner_about .banner_t2 .red{ font-size: 24px; font-weight: 100;}
	.banner_about ul{width: 86%; margin-top: 220px; display: none;}
	.banner_about ul li h4{font-weight: normal; font-size: 13px;}
	
	.about_info{padding-bottom: 50px;}
	.about_info .company{width: 90%; margin: 20px auto 70px auto; }
	.about_info .company .cont img{margin: 15px 0px; width: 100%;height: 170px;}
	.about_info .company h2,.about_content h2{font-size: 20px; margin-bottom: 15px; margin-top: 30px;}
	.about_info .company h4{margin-bottom: 0px; font-size: 13px;}
	.about_info .company p{font-size: 11px; line-height: 1.8;}
	.event_box{width: 82%; min-height: 260px;}
	.about_history{padding-top: 50px; display: none;}
	.about_content p{margin-bottom: 0;}
	.about_content{margin-bottom: 60px;}
	.event_box .parHd{width: 92%;}
	.parBd{margin-top: 20px;}
	.parBd h4{font-size: 22px;}
	.about_info .position,.about_info .position a{font-size: 12px;}
}

/*iphone5 (320px)*/
@media screen and (max-width: 374px) {
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_about{height: 230px;background: url(../images/about.jpg) no-repeat center top; background-size: cover;}
	.banner_about .video_about{height: 220px; display: none;}
	.banner_about .banner_t1{ margin-top: 120px; font-size: 11px; letter-spacing: 2px; }
	.banner_about .banner_t2{margin-top: 133px; font-size: 15px; letter-spacing: 4px; font-weight: 500;}
	.banner_about .banner_t2 .red{ font-size: 20px; font-weight: 100;}
	.banner_about ul{width: 86%; margin-top: 220px; display: none;}
	.banner_about ul li h4{font-weight: normal; font-size: 13px;}
	
	.about_info{padding-bottom: 50px;}
	.about_info .company{width: 90%; margin: 20px auto 70px auto; }
	.about_info .company .cont img{margin: 15px 0px; width: 100%;height: 140px;}
	.about_info .company h2,.about_content h2{font-size: 16px; margin-bottom: 10px; margin-top: 30px;}
	.about_info .company h4{margin-bottom: 0px; font-size: 12px;}
	.about_info .company p{font-size: 11px; line-height: 1.8;}
	.event_box{width: 82%; min-height: 260px;}
	.about_history{padding-top: 50px; display: none;}
	.about_content p{margin-bottom: 0;}
	.about_content{margin-bottom: 60px;}
	.event_box .parHd{width: 92%;}
	.parBd{margin-top: 20px;}
	.parBd h4{font-size: 22px;}
	.about_info .position,.about_info .position a{font-size: 12px;}
}