@charset "utf-8";
/*轮播*/
.in-banner{
	width: 100%;
	height: calc(100% - 80px);
	margin-top: 80px;
	position: relative;
	overflow: hidden;
}
.in-banner .swiper-container,
.in-banner .swiper-slide a{
	width: 100%;
	height: 100%;
	display: block;
}
.in-banner .swiper-slide img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: bottom center;
}
.in-banner .swiper-button-prev{
	left:3%;
}
.in-banner .swiper-button-next{
	right:3%;
}
.in-banner .swiper-button-prev:after,
.in-banner .swiper-button-next:after{
	font-size: 40px;
}
.in-banner .swiper-pagination{
	bottom: 20px;
}
.in-banner .swiper-pagination-bullet{
	background:none;
	opacity:1;
	margin:0 6px !important;
	width:9px;
	height:9px;
	position:relative;
	outline:none;
	vertical-align:middle;
}
.in-banner .swiper-pagination-bullet span{
	width:3px;
	height:3px;
	background:#CCC;
	display:block;
	border-radius:50%;
	margin-top:3px;
	margin-left:3px;
}
.in-banner .swiper-pagination-bullet i{
	background:#fff;
	height:1px;
	width:20px;
	position:absolute;
	top:4px;
	transform:scaleX(0);
	transform-origin:left;
	z-index:3;
	transition-timing-function:linear;
}
.in-banner .swiper-pagination-bullet-active span,
.in-banner .swiper-pagination-bullet:hover span{
	width:9px;
	height:9px;
	margin-top:0;
	margin-left:0;
	background:#fff;
	position:relative;
	z-index:1;
}
.in-banner .swiper-pagination-bullet-active i{
	animation:middle 6s;
}
.in-banner .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
	animation:first 6s;
}
.in-banner .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
	animation:last 6s;
}				
@keyframes first{
  0% {transform:scaleX(0.5);left:0px;}/*091*/
  100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
  20% {transform:scaleX(0.3);left:2px;} /*090*/
  100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
  20% {transform:scaleX(0.45);left:2px;}/*092*/
  100% {transform:scaleX(1);left:2px;} /*0913*/
}

.in-title{
	width: 100%;
	position: relative;
	padding-bottom: 24px;
	font-size: 42px;
	line-height: 42px;
	font-weight: 700;
	overflow: hidden;
}
.in-title.white{
	color: #fff;
}
.in-title:after{
	content: "";
	width: 40px;
	height: 3px;
	background: #0348b2;
	position: absolute;
	left: 0;
	bottom: 0;
}
.in-title.white:after{
	background: #fff;
}

.in-more{
	width: 100%;
	overflow: hidden;
}
.in-more a{
	width: 248px;
	height: 60px;
	margin:50px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border:2px #0348b2 solid;
}
.in-more a i{
	font-size: 14px;
}
.in-more a:hover{
	background: #0348b2;
	color: #fff;
}

.in-products{
	width: 100%;
	background: url(../images/bg1.jpg) no-repeat center;
	overflow: hidden;
}
.in-products .list-box{
	width: 100%;
	justify-content: space-between;
	overflow: hidden;
}
.in-products .list-box .left{
	width: 387px;
	margin-top: 25px;
}
.in-products .list-box .left a{
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px #cccccc solid;
    line-height: 42px;
}
.in-products .list-box .left a:hover{
	border-color: #0348b2;
}
.in-products .list-box .left .text{
	font-weight: 700;
}
.in-products .list-box .right{
	width: 72%;
}
.in-products .list-box .right li{
	background: #fff;
}
.in-products .list-box .right a{
	padding:20px;
	display: block;
	text-align: center;
}
.in-products .list-box .right .image img{
	width: 100%;
	display: block;
}
.in-products .list-box .right .word{
	margin-top: 20px;
	padding-top: 20px;
	position: relative;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.in-products .list-box .right .word:after{
	content: "";
	position: absolute;
	width: 20px;
	height: 3px;
	background: #0348b2;
	left:50%;
	margin-left: -10px;
	top:0;
}
.in-products .swiper-pagination{
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}
.in-products .swiper-pagination .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	margin:0 10px;
}

.in-about{
	width: 100%;
	background: url(../images/bg2.jpg) no-repeat center;
	overflow: hidden;
}
.in-about .about-box1{
	width: 100%;
	padding:90px 0;
	color: #fff;
	overflow: hidden;
}
.in-about .about-box1 .content{
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.in-about .about-box1 .content .left{
	width: 50%;
}
.in-about .about-box1 .content .left .in-more a{
	color: #fff;
	border-color: #fff;
	width: 182px;
	height: 46px;
	float: left;
	margin-top: 50px;
}
.in-about .about-box1 .content .left .in-more a:hover{
	border-color: #0348b2;
}
.in-about .about-box1 .content .right ul{
	display: flex;
}
.in-about .about-box1 .content .right li{
	border-left: 1px solid rgba(255, 255, 255, .3);
	position: relative;
	padding-left: 60px;
	padding-right: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.in-about .about-box1 .content .right li:before{
	content: "";
	width: 1px;
	height: 20px;
	background:#fff;
	position: absolute;
	left: -1px;
	top: 0;
}
.in-about .about-box1 .content .right li:last-child{
	padding-right: 0;
}
.in-about .about-box1 .content .right h1 span:first-child{
	font-size: 64px;
	font-weight: 700;
}
.in-about .about-box1 .content .right h2{
	font-size: 14px;
	color: rgba(255, 255, 255, .5);
}
.in-about .about-box2{
	width: 100%;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.in-about .about-box2 .left{
	width: 65%;
	padding:60px;
	background: url(../images/bg5.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	overflow: hidden;
}
.in-about .about-box2 .left .title{
	font-size: 32px;
	line-height: 32px;
	font-size: 500;
}
.in-about .about-box2 .left .list{
	width: 100%;
	margin-top: 50px;
	overflow: hidden;
}
.in-about .about-box2 .left .list ul{
	display: flex;
	justify-content: space-between;
}
.in-about .about-box2 .left .list li{
	font-weight: 700;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.in-about .about-box2 .left .list .image img{
	display: block;
}
.in-about .about-box2 .left .list .word{
	margin-top: 20px;
}
.in-about .about-box2 .right{
	width: 35%;
	background: url(../images/bg6.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
}
.in-about .about-box2 .right a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	font-size: 24px;
}
.in-about .about-box2 .right img{
	display: block;
	margin-bottom: 14px;
}

.in-case{
	width: 100%;
	background: url(../images/bg3.jpg) no-repeat center;
	overflow: hidden;
}
.in-case .list-box{
	width: 100%;
	margin-top: 50px;
	overflow: hidden;
}
.in-case .list-box a{
	border:1px #eee solid;
	display: block;
}
.in-case .list-box a:hover{
	border-color: #0348b2;
}
.in-case .list-box .image img{
	width: 100%;
	display: block;
}
.in-case .list-box .word{
	background: #fff;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.in-case .list-box .swiper-button-next,
.in-case .list-box .swiper-button-prev{
	width: 50px;
	height: 50px;
	background: rgba(3, 72, 178, .6);
}
.in-case .list-box .swiper-button-prev{
	left: 0;
}
.in-case .list-box .swiper-button-next{
	right: 0;
}
.in-case .list-box .swiper-button-prev:after,
.in-case .list-box .swiper-button-next:after{
	font-size: 24px;
}

.in-advantage{
	width: 100%;
	overflow: hidden;
}
.in-advantage li{
	width:20%;
	float: left;
	position: relative;
	height: 684px;
}
.in-advantage li:last-child{
	margin: 0;
}
.in-advantage li img{
	display: block;
}
.in-advantage .mo{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background:rgba(0,0,0,0.3);
}
.in-advantage .shu2 dl,
.in-advantage .bock dl{ 
	width:80%;
	padding: 0 10%;
	height: 120px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.in-advantage .shu2 dt,
.in-advantage .bock dt{ 
	width:100%; 
	height:120px;
}
.in-advantage .shu2 dt h5{
	font-size: 30px;
	color: #fff;
	line-height: 40px;
	height: 40px;
	font-weight: 700;
	overflow: hidden;
}
.in-advantage .shu2 dt span{
	display: block;
	font-size: 14px;
	color: rgba(255,255,255,0.5); 
	text-transform: uppercase;
	line-height: 30px;
}
.in-advantage .hav{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.in-advantage .bock{
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height:100%; 
	opacity:0;
}
.in-advantage .bock dl{
	background: rgba(0,78,162,0.8);
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 200px;
	padding: 0 5%;
}
.in-advantage .bock dt{
	font-size: 30px;
	color: #fff;
	line-height: 70px;
	height: 90px;
	overflow: hidden;
	position: relative;
	padding: 20px 0 0;
	font-weight: 700;
}
.in-advantage .bock dt:before{
	content: "";
	width: 100px;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.in-advantage .bock dt i{
	font-weight: 700;
	font-style: normal;
}
.in-advantage .bock dd{
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	padding: 12px 0 0;
}

.in-news{
	width: 100%;
	background: url(../images/bg4.jpg) no-repeat center;
	overflow: hidden;
}
.in-news .list-box{
	margin-top: 50px;
}
.in-news .list-box li{
	width: 30.666666%;
	float: left;
	margin-right: 4%;
	background: #fff;
}
.in-news .list-box li:last-child{
	margin-right: 0;
}
.in-news .list-box a{
	display: block;
	border:1px #eee solid;
}
.in-news .list-box a:hover{
	border-color: #0348b2;
}
.in-news .list-box .image{
	position: relative;
}
.in-news .list-box .image img{
	width: 100%;
	display: block;
}
.in-news .list-box .image .date{
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 0 0 8px 8px;
	top:0;
	left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: linear-gradient(to right, #0348b2 0%, #1c69e0 100%);
	color: #fff;
}
.in-news .list-box .image .date .riqi{
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;
}
.in-news .list-box .image .date .nian{
	font-size: 14px;
}
.in-news .list-box .word{
	width: 100%;
	padding:20px;
	overflow: hidden;
}
.in-news .list-box .word .title{
	font-weight: 700;
	font-size: 16px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.in-news .list-box .word .summary{
	color: #666;
    font-size: 14px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    border-bottom: 1px #eee solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.in-news .list-box .word .tools{
	display: flex;
	justify-content: space-between;
	color: #999;
	font-size: 14px;
}