/*首页banner大小*/
.banner ul li{height: 900px; }
.banner .swiper-pagination{bottom: 20px;}
.banner .swiper-pagination-bullet {width: 16px;height: 16px;background-color: #fff;  border:1px solid  #fff; opacity: 1; border-radius: 50%;}
.banner .swiper-pagination-bullet-active{background-color: #0951b7; border:1px solid  #0951b7; }

.header-height{display: none;}

/*新闻中心*/
.index_1{height: 555px; background: #f6f6f6;position: relative; }
.index_1 .title{display: none; text-align: center;color: #fff; width: 444px; height: 666px; background: url(../img/index-1-left.jpg) no-repeat center;position: absolute;left: -1px; bottom: 0; z-index: 26;}
.index_1 .title h3{font-size: 30px; padding-top: 170px;}
.index_1 .title i{font-size: 12px; line-height: 30px; color: #d9d9d9;}
.index_1 .title span{font-size: 16px; line-height: 1.5; width: 200px;display: block; margin: 10px auto;}
.index_1 .title a{font-size: 12px; width: 100px; margin: 200px auto 0 auto; display: block;  color: #d9d9d9; background: url(../img/a-left.png) no-repeat right; }
.index_1 .title a::after{content: ''; width: 78px; height: 1px; background-color: #d9d9d9;display: block;margin: 3px auto;}
.index_1 .waptitle{display: none;}

.index_1 .product_list{width: 1466px; height: 455px;position: absolute;right: 0; top: 0; padding: 60px 20px;}
.index_1 .product_list ul li{ cursor: pointer; width: 360px;height: 335px; display: inline-block; padding:0 10px;}
.index_1 .product_list ul li div{width: 340px;height: 335px; padding: 20px; background: #fff;display: block;}
.index_1 .product_list ul li div img{width: 300px;height: 245px; }
.index_1 .product_list ul li span{width: 300px; height: 50px;font-size: 16px; line-height: 60px;display: block;text-align: center;}

.index_1 .product-button{width: 1466px; height: 100px;position: absolute;right: 0; bottom: 0;background-color: #f3f3f3;}
.index_1 .product-button .on{background-color: #e6e6e6;}
.index_1 .product-button .swiper-button-prev,.index_1 .product-button .swiper-button-next{background-size: auto;width: 50%; height: 100px; position: inherit;top: inherit;margin-top: inherit;}
.index_1 .product-button .swiper-button-prev{background-image: url(../img/index-1-prve.png);left: 0;}
.index_1 .product-button .swiper-button-next{background-image: url(../img/index-1-next.png);right: 0;}


.index_title .title{height: 220px;padding-top: 100px;text-align: center;}
.index_title .title h3{font-size: 38px;}
.index_title .title span{font-size: 28px;}
.index_title .title span i{color: #0951b7;}

/*产品中心*/
.index_2{height: 930px; }

.index_2 .product_list{height: 580px;}
.index_2 .product_list .fl{width: 566px;height: 580px; display: block; background-image: url(../img/index-2-left.jpg);position: relative;z-index: 99;}
.index_2 .product_list .fl .bottom{width: 300px;height: 300px;display: block;padding: 10px;position: absolute;background: #fff;right: -80px; bottom: -50px;}
.index_2 .product_list .fl .bottom img{width: 280px;height: 280px;}
.index_2 .product_list .fr{width: 594px;height: 580px; display: block; }
.index_2 .product_list .fr h3{font-size: 24px;height: 80px;line-height: 80px;position: relative;} 
.index_2 .product_list .fr h3::after{content: '';width: 50px; height: 1px;position: absolute;bottom: 0px;left: 0; background: #333;}
.index_2 .product_list .fr>span{font-size: 16px; color: #646464;padding: 35px 0;display: block; line-height: 2;height: 280px;text-indent: 32px;} 
.index_2 .product_list .fr>.list {display: block; height: 220px; width: 100%; position: relative; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.index_2 .product_list .fr>.list::before{content: '';width: 100%; height: 1px; background: #eaeaea;position: absolute;right: -570px;top: -1px;}
.index_2 .product_list .fr>.list::after {content: '';width: 100%; height: 1px; background: #eaeaea;position: absolute;right: -570px;bottom: -1px;}
.index_2 .product_list .fr>.list a>span{float: right;height: 218px;width: 270px;display: block;text-align: center;padding: 70px 0;}
.index_2 .product_list .fr>.list a>span>h5{font-size: 16px;line-height: 2;}
.index_2 .product_list .fr>.list a>span>i{font-size: 11px; color: #767676;}
.index_2 .product_list .fr>.list a>span:nth-child(1){border-left:1px solid #eaeaea;background: url(../img/index-2-bg-2.png) no-repeat center;}
.index_2 .product_list .fr>.list a>span:nth-child(2){background: url(../img/index-2-bg-1.png) no-repeat center;}



/*新闻中心*/
.index_3{height: 810px; background: #fff;z-index: 1; position: relative;}
.index_3 .title{padding-top: 0px; width: 100%;position: absolute;top: 0;left: 0;right: 0; z-index: 99;}
.index_3 .title .top{width: 380px;height: 190px;display: block;margin: 0 auto;padding: 50px 0px;background: #fff; box-shadow: -10px -10px 10px rgba(31, 105, 195, 0.2);}

.index_3 .fl{width: 100%;height: 620px;text-align: right;position: absolute;bottom: 0;left: 0;right: 0;background: #0c53b8;z-index: 77;}
.index_3 .fl .list{width: 1140px;height: 620px;}
.index_3 .fl .list span{padding-top: 100px; text-align: center; line-height: 2; display: block; width: 965px; float: right; padding-right: 60px;font-size: 16px; color: #fff;}
.index_3 .fl .list .swiper-container {display: block; width: 1020px;padding: 86px 4px 0 0;height: 380px;}
.index_3 .fl .list .swiper-container ul li{width: 340px;height: 250px;padding: 0px 5px;}
.index_3 .fl .list .swiper-container ul li div{width: 330px;height: 250px;padding: 10px 15px;background: #fff;}
.index_3 .fl .list .swiper-container ul li div img{width: 310px;height: 220px;}

.index_3 .fl .product-button{width: 180px; display: block; margin: 0 auto;}
.index_3 .fl .product-button .swiper-button-prev,.index_3 .product-button .swiper-button-next{background-size: auto;width: 50%;  position: inherit;top: inherit;margin-top: inherit;}
.index_3 .fl .product-button .swiper-button-prev{background-image: url(../img/index-3-prve.png);float: left;}
.index_3 .fl .product-button .swiper-button-next{background-image: url(../img/index-3-next.png);float: right;}

.index_3 .fr{width: 780px;height: 690px;position: absolute; right: 0; top: 0; text-align: right;z-index: 88;background: #fff;}
.index_3 .fr img{width: 760px;height: 670px;}

.index_4{height: 990px; }
.index_4 .product_list{height: 600px; }
.index_4 .product_list ul li{height: 600px;width: 300px; position: relative;float: left; cursor: pointer;transition: all 0.4s;}
.index_4 .product_list ul li div{height: 600px;width: 290px;padding: 0 5px;transition: all 0.4s;}
.index_4 .product_list ul li div i{height: 488px;width: 290px;display: block; transition: all 0.4s; background-repeat: no-repeat;background-position: center;background-size: cover;}
.index_4 .product_list ul li div span{ opacity: 0; display: block; height: 112px;width: 290px;transition: all 0.4s;color: #fff;position: relative; padding: 50px 20px 30px 20px; background:#0951b7 url(../img/index-4-add.png) no-repeat;background-position: 95%;}
.index_4 .product_list ul li div span::after{content: ''; width: 30px;height: 1px; background: #fff; position: absolute;top: 30px;left: 20px;}

.index_4 .product_list ul li.on{width: 530px !important;}
.index_4 .product_list ul li.on div{width: 520px;}
.index_4 .product_list ul li.on div i{width: 520px;}
.index_4 .product_list ul li.on div span{width: 520px; opacity: 1;}

.index_4 .product_list ul li.in{width: 223px !important;}
.index_4 .product_list ul li.in div i{width: 213px;}
.index_4 .product_list ul li.in div span{width: 213px;}

.index_4 .swiper-pagination{margin: 0 auto;position: relative;}
.index_4 .swiper-pagination span{width: 20px;height: 20px;border: 1px solid #999; border-radius: 50%;opacity: 1; margin:40px 5px;}
.index_4 .swiper-pagination span.swiper-pagination-bullet-active{border: 1px solid #0951b7; }

.index_5{height: 850px; background: url(../img/index-5-bg.jpg);}
.index_5 .fl{width: 566px;height: 524px; display: block;background: #fff;padding: 18px; }
.index_5 .fl .image {width: 530px;height: 400px; display: block; position: relative;color: #fff;}
.index_5 .fl a>.image>span{font-size: 16px;position: absolute;bottom: 0;left: 0;right: 0; height: 60px;line-height: 60px;background: rgba(0,0,0,0.2);padding-left: 10px;}
.index_5 .fl a>.image>time{width: 124px;height: 94px;line-height: 1.2;padding: 15px 0; font-family: dFont;text-align: center; font-size: 18px;display: block;position: absolute;right: 0;bottom: 0;background: #cf1605;}
.index_5 .fl a>.image>time i{display: block;font-size: 36px;}
.index_5 .fl a>span{font-size: 15px;line-height: 2;padding: 20px 0; display: block;color: #666666;}

.index_5 .fr{width: 620px;height: 524px; display: block; }
.index_5 .fr ul{margin-left: 40px; width: 570px;display: block; }
.index_5 .fr ul li{height: 130px;padding: 10px 20px; cursor: pointer;}
.index_5 .fr ul li time{height: 110px;width: 100px;float: left;display: block;font-size: 18px; padding: 21px 0; line-height: 1.2; color: #666666; font-family: dFont;}
.index_5 .fr ul li time i{font-size: 36px;}
.index_5 .fr ul li h3{height: 50px;line-height: 50px;font-size: 16px;display: block; margin-left: 110px;}
.index_5 .fr ul li span{display: block;font-size: 16px;margin-left: 110px;color: #666666;}
.index_5 .fr ul li:hover{ background: #fff; border-radius: 4px; box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);}

@media (max-width: 1680px) {
	.banner ul li{height: 787px; }
	.index_1 .title{width: 388px; }
	.index_1 .product_list{width: 1282px;}
	.index_1 .product_list ul li{width: 320px;}
	.index_1 .product_list ul li div{width: 300px; }
	.index_1 .product_list ul li div img{width: 260px; }
	.index_1 .product_list ul li span{width: 260px; }
	.index_1 .product-button{width: 1282px; }
	
	.index_3 .title .top{width: 320px;}
	.index_3 .fl .list{width: 997px;}
	.index_3 .fl .list span{width: 865px; padding-right: 40px;}
	.index_3 .fl .list .swiper-container { width: 930px;}
	.index_3 .fl .list .swiper-container ul li{width: 310px;}
	.index_3 .fl .list .swiper-container ul li div{width: 300px;}
	.index_3 .fl .list .swiper-container ul li div img{width: 280px;}
	.index_3 .fr{width: 680px;}
	.index_3 .fr img{width: 660px;}
	
}

@media (max-width: 1440px) {
	.banner ul li{height: 675px; }
	.index_1 .title{width: 334px; }
	.index_1 .product_list{width: 1099px;}
	.index_1 .product_list ul li{width: 275px;}
	.index_1 .product_list ul li div{width: 255px; }
	.index_1 .product_list ul li div img{width: 215px; }
	.index_1 .product_list ul li span{width: 215px; }
	.index_1 .product-button{width: 1099px; }
	
	.index_3 .title .top{width: 300px;}
	.index_3 .fl .list{width: 855px;}
	.index_3 .fl .list span{width: 765px; padding-right: 30px;}
	.index_3 .fl .list .swiper-container { width: 810px;}
	.index_3 .fl .list .swiper-container ul li{width: 270px;}
	.index_3 .fl .list .swiper-container ul li div{width: 260px;}
	.index_3 .fl .list .swiper-container ul li div img{width: 240px;}
	.index_3 .fr{width: 580px;}
	.index_3 .fr img{width: 560px;}
}

@media (max-width: 1366px) {
	.banner ul li{height: 637px; }
	.index_1 .title{width: 315px; }
	.index_1 .product_list{width: 1042px;}
	.index_1 .product_list ul li{width: 260px;}
	.index_1 .product_list ul li div{width: 240px; }
	.index_1 .product_list ul li div img{width: 200px; }
	.index_1 .product_list ul li span{width: 200px; }
	.index_1 .product-button{width: 1042px; }
	
	.index_3 .title .top{width: 280px;}
	.index_3 .fl .list{width: 811px;}
	.index_3 .fl .list span{width: 725px; padding-right: 20px;}
	.index_3 .fl .list .swiper-container { width: 750px;}
	.index_3 .fl .list .swiper-container ul li{width: 250px;}
	.index_3 .fl .list .swiper-container ul li div{width: 240px;}
	.index_3 .fl .list .swiper-container ul li div img{width: 220px;}
	.index_3 .fr{width: 550px;}
	.index_3 .fr img{width: 530px;}
}


/*@media (max-width: 1099.98px) { */
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	body{overflow-x: hidden;}
	.banner ul li{height: 5.1rem !important;background-position-y: -0.5rem; background-size: 200%;}
	.banner .swiper-pagination{bottom: 0.1rem;}
	.banner .swiper-pagination-bullet {width: 0.2rem;height: 0.2rem;}
	
	.index_title .title{height: 2.2rem;padding-top: 0.6rem;}
	.index_title .title h3{font-size: 0.42rem;}
	.index_title .title span{font-size: 0.32rem; line-height: 0.68rem; display: block;}
	
	/*新闻中心*/
	.index_1{height: 8rem;}
	.index_1 .title{display: none;}
	.index_1 .waptitle{display: block;height: 2.2rem;padding-top: 0.6rem;text-align: center;}
	.index_1 .waptitle h3{font-size: 0.42rem;}
	.index_1 .waptitle span{font-size: 0.32rem;line-height: 0.68rem; display: block;}
	.index_1 .waptitle span i{color: #0951b7;}
	
	
	.index_1 .product_list{width: 7.2rem; height: 5rem;display: block;margin: 0 auto;  position: inherit;right: inherit; top: inherit; padding: inherit;}
	.index_1 .product_list ul li{ cursor: pointer; width: 3.6rem;height: 4.5rem;  padding:0 0.1rem;}
	.index_1 .product_list ul li div{width: 3.4rem;height: 4rem; padding: 0.2rem; }
	.index_1 .product_list ul li div img{width: 3rem;height: 3rem; }
	.index_1 .product_list ul li span{width: 100%; height: 0.7rem;font-size: 0.24rem; line-height: 0.7rem;}
	.index_1 .product-button{width: 100%; height: 1rem;}
	.index_1 .product-button .swiper-button-prev,.index_1 .product-button .swiper-button-next{height: 1rem; }

	.index_2{height: 18rem; }
	.index_2 .product_list{height: 6.8rem;}
	.index_2 .product_list .fl{width: 6.8rem;height: 6.8rem; }
	.index_2 .product_list .fl .bottom{width: 3rem;height: 3rem;display: block;padding: 0.1rem;position: absolute;background: #fff;right: -0.5rem; bottom: -0.5rem;}
	.index_2 .product_list .fl .bottom img{width: 2.8rem;height: 2.8rem;}
	.index_2 .product_list .fr{width: 100%;height: 5.8rem;  }
	.index_2 .product_list .fr h3{font-size: 0.32rem;height: 1rem;line-height: 1rem;padding-left: 0.2rem;} 
	.index_2 .product_list .fr h3::after{content: '';width: 0.5rem; height: 1px;left: 0.2rem; }
	.index_2 .product_list .fr>span{font-size: 0.28rem; padding: 0.2rem 0;height: 5rem; text-indent: 0.56rem;} 
	.index_2 .product_list .fr a>.list {height: 2.2rem; width: 100%; }
	.index_2 .product_list .fr a>.list::before{display: none;}
	.index_2 .product_list .fr a>.list::after {display: none;}
	.index_2 .product_list .fr a>.list>span{float: right;height: inherit;width: 3.6rem;padding: 0.6rem 0;}
	.index_2 .product_list .fr a>.list>span>h5{font-size: 0.32rem;}
	.index_2 .product_list .fr a>.list>span>i{font-size: 0.24rem;}

	.index_3{height: 15.5rem; background: #f6f6f6;}
	.index_3 .title{padding-top: 0px; width: 100%;position:inherit;}
	.index_3 .title .top{width: 100%;height: 2.2rem;padding: 0.6rem 0px; box-shadow: inherit;background: #f6f6f6;}
	.index_3 .fr{width: 7.2rem;height: 6.2rem;position: inherit; right: inherit; top: inherit; margin: 0 auto; float: inherit;}
	.index_3 .fr img{width: 7.2rem;height: 6.2rem;}
	.index_3 .fl{width: 7.2rem;height: 7rem;text-align: center;position: inherit;bottom: 0;left: 0;right: 0;float: inherit; margin: 0 auto;}
	.index_3 .fl .list{width: 7.2rem;height: 7rem;}
	.index_3 .fl .list span{padding: 0.3rem; text-align: center; width: 100%; float: inherit; font-size: 0.28rem; }
	.index_3 .fl .list .swiper-container {display: block; width: 100%;padding: 0 0 0 0;height: 3.2rem;}
	.index_3 .fl .list .swiper-container ul li{width: 3.6rem;height: 2.8rem;padding: 0 0.1rem;}
	.index_3 .fl .list .swiper-container ul li div{width: 3.4rem;height: 2.6rem;padding: 0.1rem;background: #fff;}
	.index_3 .fl .list .swiper-container ul li div img{width: 3.3rem;height: 2.4rem;}
	.index_3 .fl .product-button{width: 3rem; }

	.index_4{height: 10rem; }
	.index_4 .product_list{height: 6rem; }
	.index_4 .product_list ul li{height: 6rem;width: 3.6rem; }
	.index_4 .product_list ul li div{height: 6rem;width: 3.5rem;padding: 0 0.05;}
	.index_4 .product_list ul li div img{height: 4.8rem;width: 3.4rem;;}
	.index_4 .product_list ul li div span{ opacity: 1; height: 1.2rem;color: #fff;padding: 0.45rem 0.2rem 0.2rem 0.2rem; }
	.index_4 .product_list ul li div span::after{content: ''; width: 0.5rem;top: 0.3rem;left: 0.2rem;}
	.index_4 .swiper-pagination span{width: 0.3rem;height: 0.3rem;margin:0.5rem 0.1rem;}

	.index_5{height: 16rem; }
	.index_5 .fl{width: 7.2rem;height: 6.4rem; padding: 0.2rem; }
	.index_5 .fl .image {width: 6.8rem;height: 5rem; }
	.index_5 .fl a>.image>span{font-size: 0.28rem; height: 0.8rem;line-height: 0.8rem;padding-left: 0.1rem;}
	.index_5 .fl a>.image>time{width: 2rem;height: 1.4rem;padding: 0.3rem 0; font-size: 0.24rem;}
	.index_5 .fl a>.image>time i{font-size: 0.42rem;}
	.index_5 .fl a>span{font-size: 0.2rem;padding: 0.2rem 0; }

	.index_5 .fr{width: 7.2rem;height: 6.5rem; margin-top: 0.4rem; }
	.index_5 .fr ul{margin-left: 0; width: 7.2rem;}
	.index_5 .fr ul li{height: 1.6rem;padding: 0.1rem 0.2rem; }
	.index_5 .fr ul li time{height: 1.4rem;width: 1.6rem;font-size: 0.24rem; padding: 0.2rem 0;line-height: 1.5; }
	.index_5 .fr ul li time i{font-size: 0.42rem;}
	.index_5 .fr ul li h3{height: 0.6rem;line-height: 0.6rem;font-size: 0.32rem;margin-left: 1.6rem;}
	.index_5 .fr ul li span{font-size: 0.24rem;margin-left: 1.6rem;height: 0.7rem;}
	.index_5 .fr ul li:hover{border-radius: 0.05rem; box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);}

}