#index .swiper-slide img{
	display: block;
	width: 100%;
	/*height: 8.25rem;*/
}
#index .swiper-pagination-bullet,#mobile_index .swiper-pagination-bullet{
	background: #fff;
	opacity: 1;
}
#index .swiper-pagination-bullet-active,#mobile_index .swiper-pagination-bullet-active{
	background: #1169ab;
}
#index .swiper-pagination-bullets{
	width: 30%;
	left: 60%;
}

.index_about_box{
	padding: .5rem 0 .8rem;
}
.index_about_box .about_area{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: .25rem;
}
.index_about_box .about_area img{
	display: block;
	box-shadow: 0 0 .2rem #E8E8E8;
}
.index_about_box .about_area .about_info{
	width: 50%;
	margin-left: .5rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.index_about_box .about_area .about_info h4{
	width: 100%;
	margin: .2rem 0;
	color: #262626;
	font-size: .22rem;
}
.index_about_box .about_area .about_info p{
	width: 100%;
	color: #262626;
	font-size: .18rem;
	height: 70%;
}
.index_about_box .about_area .about_info a{
	display: block;
	width: 1.25rem;
	height: .45rem;
	line-height: .45rem;
	text-align: center;
	border-radius: .5rem;
	color: #1169ab;
	font-size: .18rem;
	background: #fff;
	box-shadow: 0 0 .2rem #EAF2F8;
}



.index_product_box{
	padding: .4rem 0;
	background-size: 100% 100%;
}
.index_product_box .product_ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: .3rem 0 .2rem;
}
.index_product_box .product_ul li{
	width: 3.5rem;
	height: 2.88rem;
	margin: 0 0.1rem 0.08rem 0.08rem;
	position:relative;
}
.index_product_box .product_ul li:nth-child(4n){
	margin-right: 0;
}
.index_product_box .product_ul li a{
	display: block;
	overflow: hidden;
	position: relative;
	width:100%;
	height:2.53rem;
}
.index_product_box .product_ul li a img{
	display: block;
	width: 100%;
	transition: all .5s linear;
}
.index_product_box .product_ul li:hover a img{
	transform: scale(1.2);
}
.index_product_box .product_ul li p{
	width: 100%;
	height: .45rem;
	line-height: .45rem;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	color: #666666;
	font-size: .16rem;
}
/*上面代码转换，UI上尺寸改变*************************************************************/
.index_product_boxs .product_uls{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
	padding:0 0 0 0.05rem;
	/*margin: .3rem 0 .2rem;*/
}
.index_product_boxs .product_uls li{
	width: 2.8rem;
	height: 2.42rem;
	margin: 0 0.08rem .2rem 0.08rem;
	position:relative;
}
.index_product_boxs .product_uls li:nth-child(4n){
	margin-right: 0;
}
.index_product_boxs .product_uls li a{
	display: block;
	overflow: hidden;
	position: relative;
	height:2.42rem;
}
.index_product_boxs .product_uls li a img{
	display: block;
	width: 100%;
	transition: all .5s linear;
}
.index_product_boxs .product_uls li:hover a img{
	transform: scale(1.2);
}
.index_product_boxs .product_uls li p{
	width: 100%;
	height: .45rem;
	line-height: .45rem;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	/*background: rgba(0,0,0,.4);*/
	color: #666666;
	font-size: .18rem;
}
.index_product_boxs .pages{
	overflow: hidden;
	display: flex;
	justify-content: center;
	width:3.11rem;
	height:0.59rem;
	line-height: 0.59rem;
	margin: 0.44rem auto 0.9rem auto ;
	border-radius:0.59rem;
}
.index_product_boxs .pages li{
	width:0.6rem;
	text-align: center;
	background: #f4f4f4;
}
.index_product_boxs .pages li.active{
	color:#ff9300;
}
.index_product_boxs .pages li:first-child,
.index_product_boxs .pages li:last-child{
	background: white;
	position: relative;
}
.index_product_boxs .pages li:first-child::before{
	display: block;
	content: '';
	width:0.2rem;
	height:0.2rem;
	border-top: 1px solid black;
	border-left: 1px solid black;
	position: absolute;
	top:0.2rem;
	left:0.2rem;
	transform: rotate(-45deg);
	transform-origin:50% 50% 0;
}
.index_product_boxs .pages li:last-child::before{
	display: block;
	content: '';
	width:0.2rem;
	height:0.2rem;
	position: absolute;
	top:0.2rem;
	left:0.1rem;
	border-top: 1px solid black;
	border-left: 1px solid black;
	transform: rotate(135deg);
	transform-origin:50% 50% 0;
}
/************************************************************/


.index_case_box{
	padding: .4rem 0 .8rem;
}
.case_swiper_box{
	position: relative;
}
.index_case_box #case_swiper{
	margin-top: .25rem;
	position: static;
}
.swiper-button-prev,.swiper-button-next{
	background-image: none;
	background: none;
}
.swiper-button-prev{
	left: -.8rem;
}
.swiper-button-next{
	right: -.8rem;
}
.index_case_box .swiper-slide{
	height: 3.72rem;
	position: relative;
	overflow: hidden;
}
.index_case_box .swiper-slide a{
	height:3.26rem;
	display:block;
}
.index_case_box .swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
	transition:  all .5s linear;
}
.index_case_box .swiper-slide:hover img{
	transform: scale(1.2);
}
.index_case_box .swiper-slide .case_layer{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.01);
	left: 0;
	top: 0;
	box-sizing: border-box;
	color: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.index_case_box .swiper-slide .case_layer h5{
	width: 100%;
	height: .45rem;
	line-height: .45rem;
	text-align: center;
	background: rgba(255,255,255,1);
	color: #666666;
	font-size: .18rem;
}
/*.index_case_box .swiper-slide .case_layer h5:before{*/
/*	content: "";*/
/*	width: .42rem;*/
/*	height: .05rem;*/
/*	background: #fff;*/
/*	position: absolute;*/
/*	left: 50%;*/
/*	transform: translateX(-50%);*/
/*	top: -.4rem;*/
/*}*/
.index_case_box .swiper-slide .case_layer p{
	font-size: .18rem;
}

.index_news_box{
	padding: .4rem 0 .6rem;
	overflow: hidden;
	background: #f2f2f2;
}
.index_news_area{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: .25rem;
}
.index_news_area .ina_left{
	position: relative;
	width: 45%;
	margin-right: .5rem;
	overflow: hidden;
}
.index_news_area .ina_left img{
	display: block;
	width: 100%;
	max-height: 3.6rem;
	transition: all .5s linear;
}
.index_news_area .ina_left:hover img{
	transform: scale(1.2);
}
.index_news_area .ina_left .ina_left_layer{
	position: absolute;
	width: 100%;
	height: .45rem;
	line-height: .65rem;
	padding: 0 .25rem;
	box-sizing: border-box;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.75);
	color: #fff;
	font-size: .2rem;
	display: flex;
	justify-content: space-between;
}
.index_news_area .ina_left .ina_left_layer p{
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height:0.45rem;
	line-height:0.45rem;
}
.index_news_area .ina_left .ina_left_layer span{
	height:0.45rem;
	line-height:0.45rem;
}
.index_news_area ul{
	width: 50%;
	padding-left: .25rem;
	box-sizing: border-box;
}
.index_news_area ul li{
	padding: .2rem 0;
	border-bottom: 1px dashed #DFDFDF;
	position: relative;
}
.index_news_area ul li:before{
	content: "";
	width: .08rem;
	height: .08rem;
	background: #dbdbdb;
	position: absolute;
	left: -.2rem;
	top: 50%;
	transform: translateY(-50%);
}
.index_news_area ul li a{
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #262626;
	font-size: .14rem;
}
.index_news_area ul li:hover a{
	color: #1a9be5;
}
.index_news_area ul li a p{
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news_list {}
.news_list li{
	width:50%;
	float:left;
}

.index_contact_box{
	padding: .5rem 0 0;
	overflow: hidden;
	box-sizing: border-box;
	background: #202020;
}
.index_contact_box .container{
	padding-bottom: .7rem;
	border-bottom: 1px solid #333;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index_contact_box .container:before,
.index_contact_box .container:after{
	display: none;
}
.index_contact_box h2{
	color: #fff;
}
.contact_us_list{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	margin-top: .4rem;
}
.contact_us_list img{
	display: block;
	width: .68rem;
	height: .56rem;
	margin: 0 auto .2rem;
}
.contact_us_list p{
	color: #fff;
	font-size: .14rem;
	text-align: center;
}

.index_contact_box .left{
	width: 50%;
	padding-left: .4rem;
	box-sizing: border-box;
	color: #fff;
	font-size: .14rem;
}
.index_contact_box .left ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: .4rem;
}
.index_contact_box .left ul li a{
	color: #fff;
	font-size: .16rem;
	padding: 0 .2rem;
	border-right: 1px solid #fff;
}
.index_contact_box .left ul li:first-child a{
	padding-left: 0;
}
.index_contact_box .left ul li:last-child a{
	border-right: 0;
	padding-right: 0;
}
.index_contact_box .left h6{
	font-size: .14rem;
}
.index_contact_box .left h4{
	color: #518de4;
	font-size: .22rem;
	margin: .2rem 0 .15rem;
}
.index_contact_box .left h4 img{
	display: inline-block;
	vertical-align: middle;
	width: .18rem;
	height: .18rem;
	margin: 0 .2rem .05rem 0;
}
.index_contact_box .left p span{
	margin-right: .3rem;
}
.index_contact_box .right{
	padding: 0 0 0 .6rem;
	box-sizing: border-box;
	border-left: 1px solid #595959;
}
.index_contact_box .right img{
	display: inline-block;
	width: 1.26rem;
	height: 1.26rem;
	margin-right: .4rem;
}
.index_contact_box .right img:nth-child(3){
	margin:0;
}
@media (max-width: 750px) {
    a.new_botton_more,
    a.more.product_more_button{
       
    }
    .index_news_box{
        
    }
}
@media (min-width: 750px) {
    a.case_botton_more{
       
    }
    .index_news_box{
        background: #f0f0f0;
    }
    .index_product_box .container .div_left,
    .index_product_box .container .div_right{
        display: block;
        width:30px;
        height:30px;
        position: absolute;
        top: 48%;
        border-top:2px solid #1564a0;
    }
    .index_product_box .container .div_left{
        border-left:2px solid #1564a0;
        left:-50px;
        transform: rotate(-45deg);
    }
    .index_product_box .container .div_right{
        border-right:2px solid #1564a0;
        right:-50px;
        transform: rotate(45deg);
    }
}
@media (max-width: 768px) {
	#mobile_index .swiper-slide img{
		width: 100%;
	}

	.index_about_box{
		padding: .3rem 0 0;
		background:#f0f0f0;
	}
	.index_about_box .about_area{
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.index_about_box .about_area img{
		width: 100%;
		max-width: 100%;
	}
	.index_about_box .about_area .about_info{
		width: 100%;
		padding-bottom: .3rem;
		margin-left: 0;
	}
	.index_about_box .about_area .about_info h4{
		text-align: center;
		font-size: .28rem;
	}
	.index_about_box .about_area .about_info p{
		font-size: .2rem;
	}
	.index_about_box .about_area .about_info a{
		width: 1.35rem;
		height: .5rem;
		line-height: .5rem;
		margin: .4rem auto 0;
	}
	.news_list li{
		width:100%;
		float:inherit;
	}
	.index_product_box .product_ul li{
		width: 46%;
		height: 2.58rem;
		margin-right: 4%;
	}
	.index_product_box .product_ul li:nth-child(2n){
		margin-right: 0;
	}
	.index_product_box .product_ul li a p{
		height: .5rem;
		line-height: .5rem;
		font-size: .2rem;
	}
    .index_case_box{
        background:#f0f0f0;
    }
	.index_case_box .container{
		padding: 0;
	}

	.index_news_area{
		flex-wrap: wrap;
	}
	.index_news_area .ina_left{
		width: 100%;
		margin-right: 0;
		margin-bottom: .5rem;
	}
	.index_news_area ul{
		width: 100%;
	}

	.index_contact_box h2:after{
		background: #fff;
	}
	.index_contact_box h5{
		color: #fff;
	}


	.index_contact_box .container{
		flex-wrap: wrap;
		padding: 0 .3rem .5rem;
	}
	.index_contact_box .left,.index_contact_box .right{
		width: 100%;
		padding: 0;
		border: 0;
	}
	.index_contact_box .left{
		margin-bottom: .3rem;
	}
	.index_contact_box .left ul li a{
		font-size: .2rem;
	}
	.index_contact_box .left h4{
		font-size: .24rem;
	}
	.index_contact_box .left,.index_contact_box .left h6{
		font-size: .18rem;
	}
}
@media (min-width:750px) {
	.swiper-container {
		
	}
}
@media (min-width: 400px) and (max-width:750px) {
	.case_swiper_box {
		/*height: 200px*/
		height:3.9rem;
	}
	.swiper-wrapper{
		
	}
	.swiper-wrappers{
		
	}

}
@media (max-width:400px) {
	.case_swiper_box {
	}
	.swiper-wrapper{
	}
	.swiper-wrappers{
	}

}
@media (min-width:750px) {
	.nav_bar {display: none}
}
@media (max-width:750px) {
	.nav_bar_box{
		position:fixed;
		top:1rem;left:0;
		z-index:10;
		width:100%;
		height:100%;
	}
	.nav_bar {
		color:white;
		width:136px;
	}
	.nav_bar ul li{
		width:136px;
		height:52px;
		text-align: center;
		line-height: 52px;
	}
	.nav_bar ul.left li{
		background:rgb(0,78,138,0.8);
	}
	/*关于我们*/
	.nav_bar ul.right{
		display: none;
		position: fixed;
		top:262px;
		right:136px;
	}
	.nav_bar ul.right li{
		background:rgb(0,62,114,0.8);
	}
	.nav_bar ul a{
		text-decoration:none;
		color:white;
	}
/*	产品中心选项*/
	.nav_bar ul.right_one{
		display: none;
		position: fixed;
		top:107px;
		right:136px;
		z-index: 10;
		background:rgb(0,62,114,0.8);
	}
	.nav_bar ul.right_one li{
		width:136px;
		height:52px;

	}
/*    ================*/
    .nav_bars {
        color:white;
        width:136px;
    }
    .nav_bars ul li{
        width:136px;
        height:52px;
        text-align: center;
        line-height: 52px;
    }
    .nav_bars ul.left li{
        background:rgb(0,78,138,0.8);
    }
    /*关于我们*/
    .nav_bars ul.right{
        display: none;
        position: fixed;
        top:262px;
        right:136px;
    }
    .nav_bars ul.right li{
        background:rgb(0,62,114,0.8);
    }
    .nav_bars ul a{
        text-decoration:none;
        color:white;
    }
    /*	产品中心选项*/
    .nav_bars ul.right_one{
        display: none;
        position: fixed;
        top:107px;
        right:136px;
        z-index: 10;
        background:rgb(0,62,114,0.8);
    }
    .nav_bars ul.right_one li{
        width:136px;
        height:52px;

    }
}


