/* banner */
#banner{max-width:1920px; margin:0 auto;}
.carousel-inner video {	width: 100%;}
.carousel-item{width: 100%;}
.carousel-control-next,.carousel-control-prev {	z-index: 99}
.carousel-indicators li{width: 70px;}
.carousel-indicators li.active{background-color:#D75438;}
.carousel-title {position: absolute;left: 0;top: 0;z-index: 10;cursor: pointer;overflow: hidden;}
.carousel-title img{width: 100%;}

/* title */
.title{ font-size: 32px; color: #262E58;line-height: 40px; text-align: center;}
.content{ font-size: 16px; line-height: 35px;text-align: center;}
/* video */
.about-banner {width: 100%; position: relative;margin-bottom:40px;}
.about-banner video { width: 100%;}
.about-banner .about-introduce{position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(255,255,255,0.5);}
.about-banner .about-introduce .about-text{max-width: 900px; margin: 10% auto; text-align: center;}

/* honer */
#honer{margin: 30px auto;}
#honer .swiper-wrapper{height: auto;}
#honer .swiper-slide{border: 1px solid #f0f0f0; border-radius: 10px; height: 360px;overflow: hidden;}
#honer .swiper-slide img{width:240px; height: 360px;filter: grayscale(100%);}
#honer .swiper-slide:hover{border: 1px solid #262E58; }
#honer .swiper-slide:hover img{filter: grayscale(0%);}

/* product */
#product{display: flex;margin: 20px auto;background-color: #262E58;}
#product .product-item{width: 90px;border: 1px solid #fff;height: 600px; background-position:center center !important;  opacity: 0.8;}
#product .product-item p{ padding-left: 100px; transform: rotate(90deg); transform-origin: center center;white-space:nowrap; font-size: 18px;color: #fff; text-shadow: 1px 1px 1px #000;}
#product .product-item.active{width: 100%;opacity:1;}
#product .product-item.active p{ transform: rotate(0deg); color: #262E58; font-size: 24px;padding:50px;}

/* market */


/* data */
.database{width:1200px; height:240px; margin: 0 auto;display: flex;}
.database .data-item{width: 25%; display: flex; margin: 85px 45px;}
.database .data-item .data-text{color: #fff;padding-left: 15px;}
.database .data-item .data-text p{margin: 0;}
.database .data-item .data-text p.data-num{font-size: 40px; font-weight: bold;}

/* news */
.news{display: flex;}
.news .time-line{width:330px; height:700px ;}
.news .time-line .year{ width: 80px; color: #262E58; font-size: 32px; line-height: 35px; margin: 0 auto; margin-bottom: 190px;}

.news .news-list{width: 800px; margin-left: 70px;}
.news .news-list .news-item{height: 200px; background: #f0f0f0; border-radius: 10px; display: flex;margin-bottom: 30px;}
.news .news-list .news-item .news-pic{width: 300px; height:180px;margin: 10px; border-radius: 5px; overflow: hidden;}
.news .news-list .news-item .news-pic img{animation-name: img-toSmall; animation-duration: 500ms;}
.news .news-list .news-item .news-pic:hover img{transform: scale(1.1); animation-name: img-toBig; animation-duration: 500ms; }
.news .news-list .news-item .news-content{width:480px;padding: 0 20px;}
.news .news-list .news-item .news-content .title{ text-align: left;}
.news .news-list .news-item .news-content .title a{color: #000; font-size: 18px; line-height: 60px;}
.news .news-list .news-item .news-content .title a:hover{color: #262E58; }
.news .news-list .news-item .news-content .time{color: #999;}
.news .news-list .news-item .news-content .summary{color: #333; line-height: 30px;}