@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0}
ul,li{ list-style:none;}
body{font-size:16px; line-height:1.4;}
a, a:active, a:link, a:visited {
	color: #333;
	text-decoration: none;
	font-weight: 400;
	font-family: "Microsoft YaHei", 微软雅黑, Tahoma, 华文黑体, 宋体;
}
a:hover {
	color: #f47903;
	text-decoration: none
}
a img {

	border: 0;
	margin: 0;
	padding: 0
}
img{width:100%;}
.clear {
	clear: both
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	zoom: 1
}
.fleft {
	float: left
}
.fright {
	float: right
}
.combox{
	width: 1200px;
	margin: 0 auto
}
.banner-odi{width:100%;background-repeat:no-repeat;height:509px;}
.p25{padding-top:50px;padding-bottom:50px;}
.odi-title{font-size:40px; text-align:center;}
.odi-title span{display:block;font-size:18px; font-weight:normal;}
.odi-sec1 .fleft{width:660px;}
.odi-sec1 .fleft p{margin-top:20px; line-height:2;}
.odi-sec1 .fright{float:right;width:500px;}

.odi-sec2{background:#ececec;}
.odi-sec2 ul{padding-top:50px;}
.odi-sec2 ul li{float:left; width:25%; text-align:center;}
.odi-sec2 ul li img{display:block; width:150px; margin:10px auto;}
.odi-sec2 ul li span{font-size:20px;}
.odi-sec3 li{width:580px;}
.odi-sec1 .combox,.odi-sec3 .combox,.odi-sec4 .combox,.odi-sec5 .combox{padding-top:50px;}
.odi-sec3 li { box-shadow:0 0 10px rgba(153,153,153,.5);}
.odi-sec3 li h3{background:#EB6100;color:#fff;font-size:20px; padding-left:20px; line-height:50px;}
.odi-sec3 li div{padding-left:20px;padding-bottom:20px;}
.odi-sec3 li p{padding-top:20px;}
.odi-sec4 .combox{width:1020px;}
.odi-sec4 li{width:300px;float:left; position:relative;}
.odi-sec4 li:last-child{width:120px;}
.odi-sec4 li .space{position:absolute; right:80px; top:30px;}
.odi-sec4 li  h3{font-size:20px; margin-top:10px; font-weight:normal;}
.odi-sec4 img{width:auto;}
.odi-sec6 li{float:left;width:25%;}
.odi-sec6 li div{margin:15px;padding:15px;background:#fff;}
.odi-sec6 {background:#f1f1f1;}
.odi-sec6 li span{display:block; text-align:center;margin-top:15px;}

#odi-casebox{max-width:1200px; margin:30px auto 0;}
#odi-casebox li{text-align:center;width:25%;}
#odi-casebox li span{display:block; margin-top:10px;}


#odi-casebox .swiper-container{padding-bottom:30px;}
.swiper-pagination{bottom:0; left:50%; margin-left:-160px;}
.swiper-pagination-bullet{width:16px;height:16px;background:rgba(0,0,0,.7); margin:0 10px;}
.swiper-pagination-bullet-active{background:#007aff;}

/*modi*/
.p-line1{    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:100%;}
.p15{padding-left:15px;padding-right:15px;}
.modi-box{max-width:640px;margin:0 auto;    font-size: 16px;line-height: 1.6;}
.odi-video{width:100%;}
.modi-box .modi-title{font-size:20px;}
.modi-box .modi-title span{font-size:12px;}
.modi-intro,.modi-sec3{padding-top:30px;padding-bottom:30px;}
.modi-intro p{margin-top:20px; text-indent:2em;color:#333;}
.modi-sec2{padding-top:30px;padding-bottom:30px;background:#ececec;}
.modi-sec2 li{float:left;width:50%; text-align:center;}
.modi-sec2 li img{width:50%; display:block; margin:10px auto;}
.modi-sec2 li span{font-size:14px;}
@media screen and (max-width:360px){
.modi-sec2 li span{font-size:13px;}
}

.modi-sec3 li {margin-top:30px;box-shadow:0 0 10px rgba(153,153,153,.5);padding-bottom:15px;}
.modi-sec3 li h3{background:#EB6100;color:#fff;font-size:18px; padding-left:10px; line-height:40px;}
.modi-sec3 li p{padding-top:15px; font-size:14px;padding-left:10px; padding-right:10px;}
.modi-sec4 img{display:block;margin-top:25px;}
.modi-sec4,.modi-sec5{padding-bottom:30px;}
.modi-sec5 img{display:block;margin-top:25px;}