@charset "UTF-8";
.index_tit .en{font-size:26px;font-family:"en";text-transform:capitalize;}
.index_tit .cn{font-size:18px;}
.index_text{color:#666;line-height:24px;}

.index_more{display:inline-block; width:148px;height:44px;overflow:hidden;line-height:44px;text-align:center;margin-top:50px;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;position:relative;border:1px solid #ccc;z-index:1;}
.index_more em{display:inline-block;width:18px;height:12px;background:url(../images/yan.png) no-repeat center;background-size:100% 100%;margin-right:10px;transition:all 1s;}
.index_more:before,
.index_more:after{position:absolute;top:50%;content:'';width:30px;height:30px;background:#101e46;border-radius:50%;-webkit-transition:0.6s;transition:0.6s;}
.index_more:before{left:-20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.index_more:after{right:-20px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);}
.index_more:hover:before, .morebox:hover .index_more:before{-webkit-animation:criss-cross-left 0.6s both; animation:criss-cross-left 0.6s both;}
.index_more:hover:after, .morebox:hover .index_more:after{-webkit-animation:criss-cross-right 0.6s both;animation:criss-cross-right 0.6s both;}
.index_more:hover, .morebox:hover .index_more,.morebox:hover a{color:#fff;}
.index_more:hover em, .morebox:hover .index_more em{background:url(../images/yan2.png) no-repeat center;background-size:100% 100%;}

.line{display:inline-block;width:25px;height:2px;background:#101e46;margin:20px 0;z-index:2;}

@keyframes process{
	0%{height:0;}
	100%{height:170px;}
}
@-webkit-keyframes criss-cross-left{
	0%{left:-20px;}
	50%{left:50%;width:20px;height:20px;}
	100%{left:50%;width:375px;height:375px;}
}
@keyframes criss-cross-left{
	0%{left:-20px;}
	50%{left:50%;width:20px;height:20px;}
	100%{left:50%;width:375px;height:375px;}
}
@-webkit-keyframes criss-cross-right{
	0%{right:-20px;}
	50%{right:50%;width:20px;height:20px;}
	100%{right:50%;width:375px;height:375px;}
}
@keyframes criss-cross-right{
	0%{right:-20px;}
	50%{right:50%;width:20px;height:20px;}
	100%{right:50%;width:375px;height:375px;}
}
/*=========================================================================================================================*/
/*banner*/
.banner{width:100%;position:relative;overflow:hidden;}
.banner .swiper-slide-active{z-index:3;background:#000;display:flex;align-items:center;justify-content:center;}
.banner .swiper-slide{width:100%; height:600px;}
.banner .swiper-slide .img{display:block; width:100%; height:100%;transition:ease 3s;transform:scale(1.1);-webkit-transform:scale(1.1);-webkit-transition:ease 3s;}
.banner .swiper-slide.swiper-slide-active .img{transform:scale(1);-webkit-transform:scale(1);}
.banner .swiper-slide.swiper-slide-prev .img{transform:scale(1.1);-webkit-transform:scale(1);}
.banner .banner_img{position:absolute;top:0; left:0;height:100%;z-index:99;width:100%;}
.banner .banner_img .banner_num{position:absolute;left:27%; bottom:30px;font-style:italic;color:#fff;z-index:99;font-size:18px;}
.banner .banner_img .banner_num span:before{content:"0";}
.banner .banner_btn span{display:block;width:70px;text-align:center;line-height:70px;height:70px;border-radius:50%;background:rgba(0,0,0,.2);position:absolute;top:50%;z-index:99;cursor:pointer}
.banner .banner_btn span img{vertical-align:middle;}
.banner .banner_btn .swiper-button-next{left:100px;}
.banner .banner_btn .swiper-button-prev{right:100px;}
/*=========================================================================================================================*/
/*产品*/
.index_pro{padding:130px 0 70px; width:100%; margin:0 auto; position:relative;}
.index_pro .item1{width:100%; margin-bottom:40px;}
.index_pro .item1 .left{width:50%; float: left;padding-right: 75px;box-sizing: border-box;}
.index_pro .item1 .right{width:50%; float: right;display:flex;justify-content: flex-end;align-items: center;}
.index_pro .item1 .right img{max-width:100%;}

.index_pro .item2{width:100%;position:relative;background:url(../images/case_bg.jpg) no-repeat right center/cover;}
.index_pro .item2 .z-container{ position:relative;}
.index_pro .item2 .boxbig{width:100%;height:100%;}
.index_pro .item2 .boxbig .swiper-slide{margin:50px 0;}
.index_pro .item2 .boxbig .swiper-slide .img{height:250px;width:55%;float:left;}
.index_pro .item2 .boxbig .swiper-slide .desc{height:100%;width:45%;float:left;padding-left:5%;box-sizing:border-box;}
.index_pro .item2 .boxbig .swiper-slide .desc p{ line-height:1.25em; font-size:16px; font-weight:bold; margin:10px 0 20px;}
.index_pro .item2 .boxbig .swiper-slide .index_more{float:right;}
.index_pro .item2 .boxdesc{width:250px;height:80px;display:block;background:#2e2e2e;position:absolute;right:0; bottom:0;z-index:10;}
.index_pro .item2 .boxbut{width:60%; float:left;height:50px; margin-top:30px;}
.index_pro .item2 .boxbut .but{width:50%;float:left;cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;outline:none;}
.index_pro .item2 .boxbut .but img{width:22px;height:auto;}
.index_pro .item2 .boxsmall{width:40%; float:left; height:100%;}
/*=========================================================================================================================*/
/*简介*/
.index_about{overflow: hidden;height: auto;display: flex;background: #e7e7e9;}
.index_about .left{display: flex;justify-content: center;align-items: center;position: relative;flex-direction: column;padding: 70px;box-sizing: border-box;}
.index_about .left .index_tit{width: 100%;text-align: center;}
.index_about .left .index_tit .en{font-size:30px;margin:5px 0;}
.index_about .left .index_tit .line{margin:30px 0;}

.index_about .right{padding: 70px 0;background: rgba(62,62,62,.4);box-sizing: border-box;}

.index_about .right.nei_right{ padding:0; position:relative;}
.index_about .nei_right ul{display: flex;width: 100%;height: 100%;position: absolute;top: 0;right: 0;background: rgba(0,0,0,.5);align-items: center;justify-content: center;}
.index_about .nei_right ul li{ width:calc(100% / 3);text-align: center;color:#FFF;font-size: 14px;}
.index_about .nei_right ul li *{ color:#FFF;}
.index_about .nei_right ul li span{display: block;font-size: 48px;}

.index_about2{overflow: hidden;height: auto;background: #e7e7e9;}
.index_about2 .left{height: 640px;display: flex;justify-content: center;align-items: center;position: relative;flex-direction: column;padding: 70px;box-sizing: border-box; float:left; width:calc(100% - 780px);}
.index_about2 .left .index_tit{width: 100%;text-align: center;}
.index_about2 .left .index_tit .en{font-size:30px;margin:5px 0;}
.index_about2 .left .index_tit .line{margin:30px 0;}

.index_about2 .right{padding: 70px 0;background: rgba(62,62,62,.4);box-sizing: border-box;width:780px; float:right;}
.index_about2 .right .swiper-slide{ height:500px;}
/*=========================================================================================================================*/