@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
}
.us-box1{background:#0078ca;}
.p25{padding-top:50px;padding-bottom:50px;}
.us-box1 .fleft{color:#fff;}
.us-box1 .fleft h1{font-size:40px; margin-bottom:15px;}
.us-box1 .fleft p{margin-bottom:6px;}
.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;}
.us-form {margin-top:20px;}
.us-form  span{font-size:14px;display:block;margin-bottom:10px;}
.us-form input{ line-height:20px; padding:10px;border:0;float:left;}
.us-form input.text{width:260px;}
.us-form  .form_submit{background:#ff8100;color:#fff;font-size:16px; cursor:pointer;}
.regAdvan{ padding: 30px 0 60px;}
.regAdvanul{ }
.regAdvanul li{ width: 49%; float: left; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 2% 2% 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; background-color: #f7f7f7; }
.regAdvanul li:nth-child(2n){ margin-right: 0;} 
.regAdvanul .tparea{ width: 150px; height: 150px; background-color: #eeeeee; position: relative; text-align: center; }
.regAdvanul .tparea::after{ content: ""; display: block; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 15px solid #eee; position: absolute; right: -14px; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.regAdvanul .tparea .tp{ padding-top: 24px; width: 80px; height: 80px;}
.regAdvanul .des{ -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1;}
.regAdvanul .des .box{ padding:10px 30px;}
.regAdvanul .des .tit{ font-size: 20px; font-weight: bold;}
.regAdvanul .des .nr{ margin-top: 10px; font-size: 16px; color: #666; line-height: 1.8; height: 86.4px; overflow-y: auto;}


.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 div{margin:10px;background:#fff;}
.odi-sec2 ul li img{display:block; width:100%;}
.odi-sec2 ul li h4{font-size:20px; font-weight:normal; margin-top:10px;}
.odi-sec2 ul li p{font-size:14px;padding:10px;color:#666; height:80px;}
.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:#0078ca;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;}

.ContentPanel {margin-top:30px;}
.ContentPanel .card{float:left;width:224px; margin-right:20px; box-shadow:0 0 5px rgba(102,102,102,.5);}
.ContentPanel .card h5{font-size:18px; text-align:center;margin-top:10px;}

.ContentPanel .card:last-child{margin-right:0;}
.ContentPanel .card-text{font-size:14px; padding:10px;}
.card-body a{text-align:center; width:120px; line-height:30px; background:#ff9900; color:#fff; border-radius:15px; margin:10px auto; display:block;}
.odi-sec8{background:#ececec;}
.odi-sec8 ul.clearfix{margin-top:30px;}
.odi-sec8 ul.clearfix li{width:50%;float:left;}
.odi-sec8 ul.clearfix li img{display:block;width:100%;border:1px solid #ececec; margin-bottom:10px;}
.odi-sec8 ul.clearfix li span{display:block;text-align:center;}
.us-tuijian{margin-top:30px;}

.odi-sec9 ul li{width:50%;float:left; margin-top:20px;}
.odi-sec9 ul li img{float:left; width:160px; border-radius:5px;}
.odi-sec9 ul li h4{font-size:20px;padding-left:180px;}
.odi-sec9 ul li span{display:block;padding-left:180px;font-size:16px; margin-top:15px;padding-right:20px;}
#odi-casebox{padding-top:30px;}
#odi-casebox {
	max-width: 1200px;
	margin: 0 auto;
}
#odi-casebox li {
	text-align: center;
}
#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:480px;margin:0 auto;}
.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;}