/*banner*/
section.banner{
	width: 100%;
	position: relative;
}
section.banner a{
	display:block;
	color: #ffffff;
}
section.banner a img{
	display:block;
	width: 100%;
	min-height:100%;
}

section.banner .owl-theme .owl-dots{
	text-align:center;
	position: absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:9%;
    /*bottom:36px;*/
    /*max-width:1200px;*/
    width: 62.5%;
}

section.banner  .owl-dots .owl-dot span{
	width: 100px;
	height: 4px;
	background-color:rgba(255, 255, 255, 0.5);
}
section.banner  .owl-dots .owl-dot.active span{
	background-color:#0450A3;
}
section.banner .owl-theme .owl-nav{
	position: absolute;
	width: 90%;
	left:50%;
	top:50%;
    transform:translate(-50%,-50%);
    text-align:left;
    font-size: 68px;
    color: #8096ae;
    margin-top: -10px;
}
section.banner .owl-theme .owl-nav > button{
	background:none;
}
section.banner  .owl-theme .owl-nav [class*=owl-]{
	margin:0;
}
section.banner  .owl-theme .owl-nav [class*=owl-]:hover{
	background:none;
}

section.banner .owl-theme .owl-nav > button.owl-prev,section.banner .owl-theme .owl-nav > button.owl-next{
	display: none;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
	width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
}
section.banner .owl-theme .owl-nav > button.owl-prev span,section.banner .owl-theme .owl-nav > button.owl-next span{
	display: none;
}
section.banner .owl-theme .owl-nav > button.owl-prev:hover,section.banner .owl-theme .owl-nav > button.owl-next:hover{
	background-color:#0450A3;
}
section.banner .owl-theme .owl-nav > button.owl-prev::after,section.banner .owl-theme .owl-nav > button.owl-next::after{
	content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    border-left: 2px solid rgba(255, 255, 255, .5);
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 15px;
    left: 20px;
}
section.banner .owl-theme .owl-nav > button.owl-next::after{
	left: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

section.banner .owl-theme .owl-nav > button.owl-next{
	right:0;
	left:auto;
}






section.part .w1660 {
    max-width: 1660px;
    margin: 0 auto;
}
section.part{
	padding:50px 0;
	overflow:hidden;
	padding-bottom: 45px;
}

section.part .w1660 >h2{
	font-size: 36px;
	color: #333;
	text-align: center;
	font-family:'微软雅黑';
	font-weight:bold;
	letter-spacing:10px;
}
section.part .w1660 > .line{
	text-align:center;
}
section.part .w1660 > .line h3{
	display:inline-block;
	font-size: 36px;
	color: #999;
	text-align: center;
	position:relative;
	margin:0 auto;
	font-size: 24px;
	font-family: "HuXiaoBozhenshuai";
	letter-spacing:10px;
	margin-top: 15px;
	text-transform:uppercase;
}
section.part .w1660 > .line h3::before,section.part .w1660 > .line h3::after{
	display:block;
	content:'';
	width: 120px;
	height: 1px;
	position:absolute;
	/*background:#999;*/
	top:50%;
	border-top:1px solid #999;
	transform:translateY(-50%) scaleY(0.5);
}
section.part .w1660 > .line h3::before{
	left:-142px;
}
section.part .w1660 > .line h3::after{
	right:-142px;
}

section.part .w1660 > p{
	text-align:center;
}

section.part .w1660 > p.desc{
	font-size: 28px;
	margin-top: 18px;
	margin-bottom: 10px;
}
section.part .w1660 > p.detail{
	font-size: 15px;
	line-height: 1.6;
	margin-top: 20px;
}

section.part .w1660 >p.fz16{
	font-size: 16px;
	color: #666;
	margin-top: 6px;
	font-family:"微软雅黑";
	letter-spacing:10px;
}

section.part .more{
	width:280px;
	height: 56px;
	line-height:56px;
	border:1px solid #dddddd;
	margin:50px auto 0;
	font-size: 15px;
	color: #666;
	background:none;
	display: block;
	text-align:center;
}
section.part .more:hover{
	color: #fff;
    opacity: 0.99;
    border: 0px solid #ddd;
}

section.case{
	background-color: #f5f5f5;
	padding:80px 0;
}

section.case .wrapper{
	margin-top: 30px;
}

section.case ul.case-list >li >.inner{
	position:relative;
}
section.case ul.case-list >li>.inner >a.thumb{
	display: block;
    position: relative;
    overflow: hidden;
    padding-top: 57.77778%;
}
section.case ul.case-list >li >.inner >a.thumb img{
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}



section.case ul.case-list >li >.inner >a.info{
	display:block;
	overflow:hidden;
	position: absolute;
	width:100%;
	height:100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(39, 82, 151, .95);
    opacity: 0;
    transition: .6s ease-out;
    transform: scale(.7);
    z-index: 9;
}
section.case ul.case-list >li >.inner:hover >a.info{
	opacity: 1;
    transform: scale(1);
}
section.case ul.case-list >li >.inner:hover >a.info .name{
	display: block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 20px;
}
section.case ul.case-list >li >.inner:hover >a.info .name::after{
	display:block;
	content:'';
	width:20px;
	height:20px;
	background:url('../images/icon-slot.png') no-repeat center / 100%;
	margin:10px auto;
}

section.case ul.case-list >li >a.info:hover span,section.case ul.case-list >li >a.info:hover span.add{
	color: #173452;
}
section.case ul.case-list >li >a.info >.add{
	color: #999;
	text-align:right;
}
/*互动科技*/
section.technology{
	overflow:hidden;
	padding:80px 0 90px;
}
section.technology ul.technology-list{
	margin-top: 30px;
}
section.technology ul.technology-list >li >a.thumb{
	display: block;
    position: relative;
    overflow: hidden;
    padding-top: 57.5%;
}
section.technology ul.technology-list >li >a.thumb img{
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    min-height: 100%;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    background: no-repeat center / cover;
}

section.technology ul.technology-list >li >a.thumb:hover img{
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

section.technology ul.technology-list >li >a.info{
	display:block;
	background-color:#f5f5f5;
	height: 64px;
	line-height: 64px;
	overflow:hidden;
	font-size: 15px;
	padding:0 20px;
}
section.technology ul.technology-list >li >a.info >.add{
	color: #999;
	text-align:right;
}
section.technology ul.technology-list >li >a.info:hover,section.technology ul.technology-list >li >a.info:hover .add{
	color: #173452;
}

/*合作伙伴*/
section.partner{
	background:#f5f5f5;
}
section.partner .wrapper{
	margin-top: 30px;
}
section.partner .pic>a{
	display:block;
	width: 100%;
	border:1px solid #ddd;
	background-color:#fff;
	padding:9px 0;
	overflow:hidden;
	height: 80px;
	position: relative;
}
section.partner .pic>a:hover{
	border-color:#173452;
}
section.partner .pic>a >img{
	display:block;
	max-width: 80%;
	margin:0 auto;
	position: absolute;
	top:50%;
	left: 50%;
	transform:translate(-50%, -50%);
	z-index: 2;
}

@media screen and (min-width: 1500px){
	section.partner .pic{
		width: 12.5%;
	}
}

@media screen and (max-width: 767px) {

	section.banner  .owl-dots .owl-dot span{
		width: 30px;
	    height: 4px;
	    margin: 0 2px;
	}
	section.banner .owl-theme .owl-nav{
		display: none;
	}

	section.part{
		padding:30px 0;
	}
	.news-colunm{
		padding: 20px 0;
	}
	.index-web{
		margin:30px auto;
	}
	section.part .w1660 >h2{
		font-size: 22px;
	}
	section.part .w1660 > .line h3{
		font-size: 12px;
	letter-spacing:5px;
	}
	section.part .w1660 > .line h3::before, section.part .w1660 > .line h3::after{
		width: 64px;
	}
	section.part .w1660 > .line h3::before{
		left:-70px;
	}
	section.part .w1660 > .line h3::after{
		right:-70px;
	}
	section.part .w1660 > p.desc{
		font-size: 14px;
	}
	section.part .w1660 > p.detail{
		font-size: 10px;
	}

	section.part .w1660 >p.fz16{
		font-size: 12px;
		margin-top: 2px;
	}

	section.case,section.technology{
		padding:20px 15px;
	}

	section.technology ul.technology-list >li >a.info{
		height: 46px;
		line-height: 46px;
		font-size: 13px;
		padding:0 6px;
	}

	.insolution-wrap{
		margin-top: 20px;
	}

	section.partner{
		padding:20px 15px;
	}
	section.partner .pic>a{
		padding:10px 0;
		height:60px;
	}
	section.partner .wrapper{
		margin-top: 10px;
	}

	section.part .more{
		margin-top: 30px;
	}
}