@charset "UTF-8";

/* 关于我们 */
.inside-main{width: 100%;margin: 100px auto 0;}
.inside-main .container{width: 1600px;}
.inside-about{width: 100%;margin-bottom: 80px;}
.inside-title{width: 100%;}
.inside-title h3{font-size: 32px;font-weight: bold;line-height: 40px;color: #333;text-align: center;}

.about-class{width:100%;max-width:1200px;height: 114px;margin: 35px auto 50px;}
.about-class .swiper-container{background: #fff;border-radius: 10px;border: 1px solid #ddd;}
.about-class .swiper-slide{border-left: 1px solid #ddd;}
.about-class .swiper-slide:first-child{border-left: 0;}
.about-class .swiper-slide a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.about-class .swiper-slide a.cur{background: #0762cb;}
.about-class .swiper-slide a:hover{background: #0762cb;}
.about-class .swiper-slide a .icon{display: flex;justify-content: center;align-items: center;width:60px;height:60px;background: #fff;border-radius: 50%;border: 1px solid #e5e5e5;}
.about-class .swiper-slide a .icon img{width:40px;height: 40px;display:block;}
.about-class .swiper-slide a h3{margin-left: 15px;font-size: 18px;font-weight: bold;color: #333;line-height: 30px;}
.about-class .swiper-slide a.cur h3{color: #fff;}
.about-class .swiper-slide a:hover h3{color: #fff;}

.company-content{width: 100%;height: 480px;}

.company-img-slide{float:left;width: 50%;height: 100%;}
.company-img-slide .img{width:100%;height: 100%;background-position: center;background-size: cover;}

.company-img-slide .swiper-container .swiper-pagination-bullet{opacity: 1;width:8px;margin:0 5px;background:#fff;height:8px;border-radius:50%;transition: all .3s;vertical-align:top;}
.company-img-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0762cb;}

.company-content .info{padding: 40px;background: #f5f5f5;width: 50%;height: 100%;position: relative;overflow:hidden;}
.company-content .logo{position: absolute;bottom: 0px;right: 20px;z-index: 2;width: 28%;}
.company-content .logo img{width: 100%;}
.company-content .info h3{line-height: 38px;height: 38px;font-size: 24px;color: #333;}
.company-content .info .detail{margin: 10px 0;overflow: hidden;}
.company-content .info .detail p{font-size: 16px;line-height: 36px;color: #999;}

.about-item{margin-top: 50px;}
.about-culture{width: 100%;height: 600px;}
.about-culture .img{width: 36.5%;height: 100%;background-size: cover;background-position: center);}
.about-culture .info{width: 63.5%;height: 100%;background-color: #e6effa;}
.about-culture .infobox{width: 100%;height: 100%;}
.about-culture .info .culture-class{width: 24.5%;height: 100%;}
.about-culture .info .culture-class ul{width: 100%;height: 100%;}
.about-culture .info .culture-class li{width: 100%;height: 20%;background: #333;color: #fff;display: flex;padding: 0 40px;align-items: center;border-radius:0 10px 10px 0;cursor:pointer;}
.about-culture .info .culture-class li.cur{background: #0762cb;}
.about-culture .info .culture-class li .icon{width: 40px;height: 40px;margin-right:20px;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.about-culture .info .culture-class li h3{font-size: 20px;}
.about-culture .info .culture-detail{width: 75.5%;height: 100%;position: relative;}
.about-culture .info .culture-detail .txt{width: 100%;padding-left: 70px;padding-top: 120px;}
.about-culture .info .culture-detail .txt h3{position: relative;font-size: 32px;line-height: 36px;color: #333;font-weight: bold;padding-bottom: 30px;}
.about-culture .info .culture-detail .txt h3::after{position: absolute;content: "";bottom: 0;width: 46px;height: 4px;background: #0762cb;left: 0;}
.about-culture .info .culture-detail .txt p{margin-top: 50px;font-size: 26px;line-height: 30px;color: #333;}
.about-culture .info .culture-detail .bg{position: absolute;bottom: 0;width: 60%;right: 0;}
.about-culture .info .culture-detail .bg img{width: 100%;}

@media (max-width:1680px) {
	.inside-main .container{width: 1400px;}
	.inside-main{margin-top: 80px;}
}
@media (max-width:1400px) {
	.inside-main .container{width: 1167px;}
	.about-class{height:90px;}
	.about-culture .info .culture-class li{padding: 0 24px;}
	.about-culture .info .culture-class li h3{font-size:18px;}
	.about-culture .info .culture-detail .txt{padding-left: 60px;padding-top: 100px;}

}
@media (max-width:1200px) {
	.inside-main .container{width: 1000px;}
	.about-class{height: 70px;}
	.about-class .swiper-slide a .icon{width: 48px;height: 48px;}
	.about-class .swiper-slide a h3{margin-left: 10px;}
	.inside-main{margin-top: 60px;}
	
	.about-culture .info .culture-class li{padding: 0 20px;}
	.about-culture .info .culture-class li h3{font-size: 16px;}
	.about-culture .info .culture-class li .icon{margin-right:12px;}
	.about-culture .info .culture-detail .txt h3{font-size: 24px;padding-bottom: 20px;}
	.about-culture .info .culture-detail .txt p{font-size: 18px;}
}
@media (max-width:1080px) {
	.inside-about{margin-bottom:40px;}
	.inside-title h3{font-size: 24px;line-height: 30px;}
	.inside-main .container{width: 900px;}
	.about-culture{height: 460px;}
	.about-culture .info .culture-class li{padding: 0 16px;}
	.about-culture .info .culture-class li .icon{margin-right:8px;width:36px;height:36px;}
	.about-culture .info .culture-detail .txt{padding-left: 40px;padding-top: 80px;}
	
}
@media (max-width:991px) {
	.inside-main{margin-top: 40px;}
	.inside-main .container{width: 100%;padding: 0 2.5%;}
	
	.about-class{margin: 20px auto 30px;height: 50px;width: 100%;}
	.about-item{margin-top: 20px;}
	.about-class .swiper-slide a .icon{width: 36px;height: 36px;}
	.about-class .swiper-slide a .icon img{width: 28px;height: 28px;}
	.about-class .swiper-slide a h3{font-size: 16px;line-height: 28px;}
	
	.company-content{height: auto;}
	.company-img-slide{width: 100%;height:360px;}

	.company-content .info{width: 100%;}
	.company-content .info h3{font-size: 20px;line-height: 30px;height: 30px;}
	.company-content .info .detail p{font-size: 14px;line-height:26px;}
	.company-content .info{padding:20px 12px;}
	
	.about-culture{height: 320px;}
	.about-culture .info .culture-class{width: 30%;}
	.about-culture .info .culture-detail{width: 70%;}
	.about-culture .info .culture-class li h3{font-size: 16px;}
	.about-culture .info .culture-detail .txt h3{font-size: 20px;padding-bottom: 10px;}
	.about-culture .info .culture-detail .txt p{font-size: 16px;}
}
@media (max-width:769px){
	
	.inside-title h3{font-size: 18px;}
	.about-class .swiper-slide a h3{font-size: 14px;line-height: 24px;}
	.company-img-slide{height:240px;}
	.company-content .info h3{font-size: 16px;}
	
	.about-culture{height: auto;}
	.about-culture .img{height:240px;width: 100%;}
	.about-culture .info{width: 100%;height: 260px;}
	.about-culture .info .culture-detail .txt{padding: 0 ;padding: 15px;}
	.about-culture .info .culture-class li .icon{width:28px;height:28px;margin-right:6px;}
	.about-culture .info .culture-class li h3{font-size: 12px;}
	.about-culture .info .culture-detail .txt h3{font-size: 16px;}
	.about-culture .info .culture-detail .txt p{font-size: 14px;margin-top: 20px;}
	.about-culture .info .culture-class li{padding: 0 10px;}
}

.honor-list{width:100%;}
.honor-list li{float:left;margin-bottom:20px;}
.honor-list li a{float:left;width:100%;}
.honor-list li a .pic-box{float:left;background: #f5f5f5;width:100%;height:0;padding-bottom:100%;border:#eee solid 1px;position:relative;overflow:hidden;}
.honor-list li a .pic{position:absolute;width:100%;padding:11%;height:100%;vertical-align: middle;display: -webkit-flex; -webkit-align-items: center; display: flex;align-items: center;text-align:center;}
.honor-list li a .pic img{vertical-align:middle;max-width:100%;max-height:100%;display:block;margin:0 auto;}
.honor-list li a h6{float:left;width:100%;text-align: center;font-size:18px;color:#333;line-height:42px;font-family:"微软雅黑";text-align:center;height:42px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.honor-list li a .pic-box .honor-bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9;background:rgba(7,98,203,0.7);opacity:0;transition: all 0.6s;-webkit-transition: all 0.6s;}
.honor-list li a .pic-box .honor-bg img{display:block;width:34px;height:34px;position:absolute;left:50%;top:100%;z-index:10;margin-left:-17px;margin-top:-17px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.honor-list li:hover a .pic-box .honor-bg{opacity:1;transition: all 0.6s;-webkit-transition: all 0.6s;}
.honor-list li:hover a .pic-box .honor-bg img{top:50%;transition: all 0.6s;-webkit-transition: all 0.6s;}

.honor-list .swiper-button-next,
.honor-list .swiper-button-prev {
    width: 40px;
    height: 40px;
	margin-top: -40px;
	z-index: 9;
    border: #377fd3 solid 2px;
	border-radius: 10px;
    background: url(../images/icon-prev02.png) no-repeat center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    opacity: 1;
    left: 0;
}

.honor-list .swiper-button-next {
    background: url(../images/icon-next02.png) no-repeat center;
    right: 0;
    left: auto;
}
.honor-list .swiper-button-prev.swiper-button-disabled {
     border: #bdbdbd solid 2px;
    opacity: 1;
    background: url(../images/icon-prev02-1.png) no-repeat center;
}
.honor-list .swiper-button-next.swiper-button-disabled {
     border: #bdbdbd solid 2px;
    opacity: 1;
     background: url(../images/icon-next02-1.png) no-repeat center;
}
.honor-list .swiper-pagination{display: none;}
.honor-list .swiper-container .swiper-pagination-bullet{opacity: 1;width:8px;margin:0 5px;background:none;border:#0762cb solid 1px;height:8px;border-radius:50%;transition: all .3s;vertical-align:top;}
.honor-list .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0762cb;}

@media (max-width:1440px) {
	.honor-list .swiper-button-next, .honor-list .swiper-button-prev{width: 36px;height: 36px;}
}
@media (max-width:1200px) {
	.honor-list .swiper-button-next, .honor-list .swiper-button-prev{width: 30px;height: 30px;}
}
@media (max-width:991px) {
	.honor-list .swiper-button-next,
	.honor-list .swiper-button-prev {display: none;}
	.honor-list .swiper-pagination{display: block;bottom: 0;}
	.honor-list li a h6{font-size: 16px;line-height: 30px;}
}
@media (max-width:480px) {
	.honor-list li a h6{font-size: 14px;}
}

.about-develop-swiper{width: 1350px;margin: 0 auto;}
.about-develop-swiper .swiper-wrapper{width: 100%;position: relative;}
.about-develop-swiper .swiper-wrapper::after{content: "";position: absolute;left: 0;top: 50%;margin-top: -1px ;width: 100%;height: 1px ;background-color: #e5e5e5;}
.about-develop-swiper .swiper-slide a{display: flex;align-items: center;justify-content: center;height: 100px;position: relative;width: 100%;z-index: 5;}
.about-develop-swiper .swiper-slide a .icon{position: absolute;top: 0px;display: none;}
.about-develop-swiper .swiper-slide a .circle{width: 16px;height: 16px;background: #fff;border: 2px solid #b5b5b5;border-radius: 50%;}
.about-develop-swiper .swiper-slide a .year{position: absolute;top: 5px;font-size: 20px;line-height: 36px;color: #999;font-family: "Arial";}
.about-develop-swiper .swiper-slide a.cur .icon{display: block;} 
.about-develop-swiper .swiper-slide a.cur .year{top: auto;bottom: 0;}