/* ===================首页样式========================== */

/* index-common */

@keyframes to-down-tit{0%{opacity: 0;transform: translate3d(0, -50px, 0) translateX(-50%);}100%{opacity: 1;transform: translate3d(0, 0, 0) translateX(-50%);}}

/* banner */
.banner{position:relative;}
.banner-mb{display:none}
.banner .swiper-container,.banner-bg{height:100%}
.banner-cont{position:absolute;left:0;top:0;width:100%;height:100%}
.banner-cont .container-sm{display:flex;align-items:center;height: 100%}
.banner-lft{width:50%}
.banner-label{color:#fff;display:flex;font-size:36px;margin-bottom:10px}
.banner-label li+li{margin-left:20px;padding-left:20px;position:relative}
.banner-label li+li:after{content:'';position:absolute;left:0;top:14px;background:rgba(176,183,187,.6);width:2px;height:32px}
.banner h1{font-size:60px;font-weight:lighter;color:#fff}
.banner-list{display:flex;font-size:20px;color:#fff;margin-top:50px}
.banner-list li{white-space: nowrap}
.banner-list li+li{margin-left:20px;padding-left:20px;position:relative}
.banner-list li+li:after{content:'';position:absolute;left:-4px;top:12px;border-radius:50%;background:#cdcbd5;width:7px;height:7px}
.banner-rgt{width:50%;display:flex;align-items:center;justify-content:center}
.banner-rgt img{max-width: 80%;max-height: 80%;width: auto;height: auto}
.banner-btn{margin-top:85px}
.banner-btn a{display:block;width:180px;height:54px;background:#0ad0da;color:#fff;font-weight:700;font-size:16px;text-align:center;line-height:54px;transition: opacity .4s ease}.index-banner
.banner-btn a:hover{opacity:.8}
.banner-nav{position:absolute;width:100%;height:100%;left:0;top:0}
.banner-nav .container-max{position:relative;height:100%}
.banner-nav .nav-btn{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;position:absolute;top:50%;z-index:2;cursor:pointer;transition:all .4s ease}
.banner-nav .arrow-icon{font-size:24px}
.banner-nav .nav-btn:hover{background:rgba(10,208,218,.2);user-select: none}
.banner-prev{left:20px}
.banner-next{right:20px}
.banner .swiper-pagination{bottom:60px;left:50%;transform: translateX(-50%)}
.banner .swiper-pagination-bullet{border-radius:10px;width:32px;height:3px;background:#fff;opacity:1;position:relative}
.banner .swiper-pagination-bullet:not(:first-child){margin-left:14px}
.banner .swiper-pagination-bullet-active{background:#0ad0da}
.banner .swiper-slide-active .banner-label{animation: to-upB 1.5s ease both}
.banner .swiper-slide-active h1{animation: to-upB 1.5s ease both .2s}
.banner .swiper-slide-active .banner-list{animation: to-upB 1.5s ease both .4s}
.banner .swiper-slide-active .banner-btn{animation: to-upB 1.5s ease both .6s}


/* ban01 */
.index-banner{padding: 20px 0;}
.index-banner .ban-01{background: url(../picture/pic01.jpg);height: 100px;}
.index-banner .ban-01{padding-left: 50px;}
.index-banner .ban-01 h3{font-size: 30px;color: #00f4ff;padding-top: 15px;}
.index-banner .ban-01 p{color: #fff;padding-top: 5px;}


/* news1 */
.index-news1-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-news1-box .news1-box-sw{width: 50%;padding-right: 50px;}
.index-news1-box .news1-box-tab{width: 50%;}
.index-news1-box .news1-box-sw .swiper-slide a{position: relative;display: block;}
.index-news1-box .news1-box-sw .swiper-slide a img{width: 100%;}
.index-news1-box .news1-box-sw .swiper-slide a .news-wd{position: absolute;background-color: rgba(0,0,0,.5);width: 100%;height: 40px; bottom: 0;left: 0;color: #fff;padding-left: 20px;}
.index-news1-box .news1-box-sw .swiper-slide a .news-wd h3{line-height: 40px;}

.index-news1-box .news1-box-tab ul{display: flex;background-color: #e9e9e9;line-height: 50px;position: relative;}
.index-news1-box .news1-box-tab ul::before{display: block;content: '';width: 100%;height: 3px;background-color: #0b0b0b;position: absolute;}
.index-news1-box .news1-box-tab ul li{padding: 0 20px;}
.index-news1-box .news1-box-tab ul li.active{background-color: #0ad0da;color: #fff;}
.index-news1-box .news1-box-tab ul li.active a{color: #fff;}
.index-news1-box .news1-box-tab ul li a{font-size: 16px;color: #333;}
.index-news1-box .news1-box-tab #content {margin-top: 10px;}
.news-dd dl dd{line-height: 32px;position: relative;padding-left: 15px;}
.news-dd dl dd a{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.news-dd dl dd::before{display: inline-block;content: '';width: 4px;height: 4px;background-color: #cccccc;border-radius: 5px;position: absolute;top: 15px;left: 5px; }
.news-dd dl dd:hover::before{background-color: #0ad0da;}
.news-dd dl dd a:hover{color: #0ad0da;}


.index-banner .ban-02 img{width: 100%;}

.index-news2{margin-bottom: 20px;}
.index-news2 .news-item{border: 1px #eee solid;}
.item-tit{width: 100%;background-color: #141217;height: 47px;padding-left: 20px;display: flex;justify-content: space-between;align-items: center;}
.item-tit h3{line-height: 47px;color: #fff;font-size: 16px;background-image: url(../picture/title-icon.png);background-repeat: no-repeat;background-position: left center;padding-left: 25px;}
.item-tit i{display: inline-block;width: 78px;height: 12px;background-image: url(../picture/title-icon2.png);margin-right: 10px;transition: 0.4s all ease-in-out;}
.item-tit:hover i{background-image: url(../picture/title-icon3.png);}
.index-news2 .news-item .news-dd {padding: 10px;}


.index-vedio-box ul{display: flex;margin-top: 10px;background-color: #e9e9e9;position: relative;}
.index-vedio-box ul::before{display: block;content: '';width: 100%;height: 3px;background-color: #0b0b0b;position: absolute;}
.index-vedio-box ul li a{display: block;line-height: 50px;text-align: center;padding: 0 20px;}
.index-vedio-box ul li.active a{background-color: #0ad0da;color: #fff;}
.vedio-swiper .swiper-slide{width: 25%;padding: 10px;}
.vedio-swiper .vedio-box .vedio-img{border: 1px #eee solid;}
.vedio-swiper .vedio-box .vedio-img img{width: 100%;}
.vedio-swiper .vedio-box h3{text-align: center;line-height: 50px;background-color: #efefef;
 text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;
}

.index-kh{margin-top: 10px;}

.index-kh .kh-box{margin: 20px 0;}
.index-kh .kh-box .kh-item{border: 1px #eee solid;}
.index-kh .kh-box .kh-item img{width: 100%;}


.index-pro{background-color: #f3f3f3;padding: 50px 0;}
.index-pro .index-pro-box{margin-top: 30px;}
.index-pro .index-pro-box .index-pro-item{background-color: #fff;border: 1px #eee solid;text-align: center;padding: 20px;transition: 0.4s all ease-in-out;}
.index-pro .index-pro-box .index-pro-item:hover{box-shadow: 0 0 18px #ccc;}
.index-pro .index-pro-box .index-pro-item h3{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;height: 45px;line-height: 24px;margin-bottom: 10px;}
.index-pro .index-pro-box .index-pro-item img{width: 130px;height: 130px;transition: all 0.6s;}
.index-pro .index-pro-box .index-pro-item p{line-height: 40px;}
.index-pro .index-pro-box .index-pro-item button,.index-pro .container-xs>a{display: block;width: 98px;line-height: 28px;border: 1px #0ad0da solid;text-align: center;margin: auto;color: #0ad0da;background: none;}
.index-pro .index-pro-box .index-pro-item:hover button,.index-pro .container-xs>a:hover{background-color: #0ad0da;color: #fff;}
.index-pro .index-pro-box .index-pro-item:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.index-pro .container-xs>a{margin-top: 30px;}

.index-links .links-box ul {display: flex;flex-wrap: wrap;margin: 20px 0;}
.index-links .links-box ul li{padding: 5px 12px;}
.index-links .links-box ul li a:hover{color: #0ad0da;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */

}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner h1{font-size: 54px}
    .banner-label{font-size: 32px}
    .banner-list{margin-top: 40px}
    .banner-btn{margin-top: 50px}
    .banner-nav .nav-btn{width: 50px;height: 50px}
    .banner-nav .arrow-icon{font-size: 20px}
    .banner-prev{left: -70px}
    .banner-next{right: -70px}
    .banner-list{font-size: 18px}
    .banner-list li+li:after{top: 9px}

}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .banner-nav .nav-btn{display: none}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .banner-label{font-size: 28px}
    .banner-label li+li:after{top: 10px}
    .banner h1{font-size: 50px}
    .banner-list{font-size: 15px}

}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.index-banner{padding: 0px 0;}
    .banner-lft{margin-top: -120px}
    .banner-label{font-size: 28px}
    .banner-label li+li:after{height: 28px}
    .banner h1{font-size: 40px}
    .banner-btn a{width: 150px;height: 44px;line-height: 44px;font-size: 15px}
		.index-news2{margin-top:15px;}
		.index-pro{padding:15px 0;}
		.index-pro .index-pro-box{margin-top:15px}
		.index-news1-box .news1-box-sw,
		.index-news1-box .news1-box-tab
		{width: 100%;}
		.index-news1-box .news1-box-sw{padding: 0;margin-bottom: 15px;}
		.vedio-swiper .swiper-slide{width: 50%}
		.index-pro .index-pro-box .index-pro-item h3{font-size: 14px;}
		.index-pro .index-pro-box .index-pro-item{padding: 10px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-pc{display: none}
    .banner-mb{display: block}
    .banner{height: 200px}
    .banner-lft{width: 100%;margin-top: 0;z-index: 1}
    .banner-rgt{position: absolute;width: 100%;height: 100%;z-index: 0;opacity: .5;margin-top: 0}
    .banner-btn{margin-top: 20px}
    .banner-rgt img{max-width: 100%}
    .banner .swiper-pagination{bottom: 30px}
    .banner-label{font-size: 20px}
    .banner h1{font-size: 30px}
    .banner-list{flex-wrap: wrap;margin-top: 20px}
    .banner-list li{width: 50%;margin-bottom: 10px}
    .banner-list li+li{padding-left: 0;margin-left: 0}
    .banner-list li+li:after{display: none}
    .banner-btn a{width: 90px;height: 40px;font-size: 14px;line-height: 40px}
    .banner .swiper-slide-active .banner-label,.banner .swiper-slide-active h1,.banner .swiper-slide-active .banner-list ,.banner .swiper-slide-active .banner-btn{animation: none}
    .banner-label li+li:after{height: 12px}
    .banner-label li+li{padding-left: 10px;margin-left: 10px}
	.banner .swiper-pagination-bullet{width: 15px;}
	.index-vedio-box ul li a{margin: 0px;}
		.vedio-swiper .swiper-slide{width: 100%}
		
}