@charset "utf-8";
/*轮播*/
.in-banner{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.in-banner img{
	width: 100%;
	display: block;
}
.in-banner .swiper-button-prev,
.in-banner .swiper-button-next{
	width: 58px;
	height: 194px;
	background: rgba(0, 0, 0, .5);
}
.in-banner .swiper-button-prev{
	left: 0;
}
.in-banner .swiper-button-next{
	right: 0;
}
.in-banner .swiper-button-prev:after,
.in-banner .swiper-button-next:after{
	font-size: 24px;
}
.in-banner .swiper-pagination{
	bottom: 20px;
}
.in-banner .swiper-pagination .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	margin:0 6px;
	background: #fff;
	outline: none;
}
.in-banner .swiper-pagination .swiper-pagination-bullet-active{
	background: #0093dd;
}

.in-products{
	width: 100%;
	padding:20px 0;
	background: #000000;
	overflow: hidden;
}
.in-products .box1{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.in-products .box1 .left{
	display: flex;
	align-items: center;
	justify-content: center;
}
.in-products .box1 .left li{
	height: 50px;
	float: left;
	margin-right: 30px;
	line-height: 50px;
}
.in-products .box1 .left a{
	display: flex;
}
.in-products .box1 .left i{
	width: 50px;
	height: 50px;
	background: #4d4d4d;
	display: block;
	text-align: center;
	margin-right: 18px;
	font-size: 24px;
}
.in-products .box1 .left a:hover i{
	background: #fff;
}
.in-products .box1 form{
	width: 412px;
	height: 56px;
	display: flex;
	justify-content: space-between;
}
.in-products .box1 form input{
    width: 352px;
    background: #cccccc;
    padding:0 14px;
    border:none;
    outline: none;
    border-radius: 4px;
}
.in-products .box1 form button{
	width: 56px;
	height: 56px;
	background: #4d4d4d;
	color: #fff;
	cursor: pointer;
	border:none;
	outline: none;
	border-radius: 4px;
}
.in-products .box2 .title{
	text-transform: uppercase;
}
.in-products .box2 .content{
	width: 100%;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.in-products .box2 .content img{
	width: 100%;
	display: block;
}
.in-products .box2 .content .imagebox{
	width: 620px;
	display: flex;
	justify-content: space-between;
}
.in-products .box2 .content .imagebox .image{
	width: 460px;
	height: 460px;
	overflow: hidden;
}
.in-products .box2 .content .imagebox .list,
.in-products .box2 .content .imagebox .list .swiper-container{
	width: 140px;
	height: 460px;
	overflow: hidden;
}
.in-products .box2 .content .imagebox .list li{
	width: 140px;
	height: 140px;
	cursor: pointer;
	overflow: hidden;
}
.in-products .box2 .content .imagebox .list .w{
	display: none;
}
.in-products .box2 .content .wordbox{
	width: calc(100% - 670px);
	height: 460px;
	overflow: hidden;
}
.in-products .box2 .content .wordbox .word{
	width: 100%;
	height: 424px;
	justify-content: center;
}
.in-products .box2 .content .wordbox .word h2{
	color: #bebebe;
}
.in-products .box2 .content .wordbox .word h3 a{
	border:1px #fff solid;
	display: block;
	width: 164px;
	height: 52px;
	border-radius: 4px;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	color: #c9c9c9;
}
.in-products .box2 .content .wordbox .word h3 a:hover{
	border-color: #0093dd;
	background: #0093dd;
	color: #fff;
}
.in-products .box2 .content .wordbox .button{
	width: 100%;
	height: 36px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.in-products .box2 .content .wordbox .button .swiper-pagination-bullet{
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	opacity: 1;
	background: none;
	border-radius: 4px;
	border:1px #bfbfbf solid;
	margin-left: 10px;
	outline: none;
}
.in-products .box2 .content .wordbox .button .swiper-pagination-bullet-active {
    color: #fff;
    background: #0093dd;
    border-color: #0093dd;
}

.in-news{
	width: 100%;
	border-bottom: 1px #e5e5e5 solid;
	overflow: hidden;
}
.in-news .title{
	text-transform: uppercase;
}
.in-news .content ul{
    display: flex;
	justify-content: space-between;
}
.in-news .content li{
	width: 23.5%;
	margin-right: 2%;
	display: flex;
	justify-content: space-between;
}
.in-news .content li:last-child{
	margin-right: 0;
}
.in-news .content a{
	width: 100%;
	display: block;
}
.in-news .content .image img{
	width: 100%;
	display: block;
}
.in-news .content .word .t{
	display: block;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.in-news .content .word .c{
	color: #999;
	height: 72px;
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.in-news .content .word .m{
	width: 162px;
	height: 52px;
    border:1px #999999 solid;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;
}
.in-news .content a:hover .m{
	background: #0093dd;
	border-color: #0093dd;
	color: #fff;
}

.in-service{
	overflow: hidden;
}
.in-service .title{
	text-transform: uppercase;
}
.in-service .content ul{
	display: flex;
	justify-content: space-between;
}
.in-service .content li{
	width: 23.5%;
	margin-right: 2%;
	display: flex;
	justify-content: space-between;
}
.in-service .content li:last-child{
	margin-right: 0;
}
.in-service .content .image{
	width: 119px;
	height: 119px;
	border-radius: 50%;
	border:4px #fff solid;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:4px;
	-webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;
	overflow: hidden;
}
.in-service .content .image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.in-service .content .word{
    width: calc(100% - 139px);
}
.in-service .content li:hover .image{
	border-color: #0093dd;
}