/* 容器 */
*{transition: all .3s;}
.container-width{max-width: 1200px; margin: 0 auto;}
@media (max-width:1200px) {
	.container-width{padding: 0 15px;}
}
.clearfix {
	/* 触发 hasLayout */
	zoom: 1;
}
.page-container{
	max-width: 1200px;
	margin: 0 auto;
}
@media (max-width: 1200px){
	.page-container{
		padding: 0 15px;
	}
}
.page-title{
	text-align: center;
	padding-top: 55px;
	padding-bottom: 35px;
}
.page-title h3{
	color: #333;
	font-size: 32px;
}
.page-title img{
	margin: 15px 0;
}
.page-title p{
	color: #666;
	font-size: 16px;
}
.page-banner{
	width: 100%;
}
.page-banner>img{
	width: 100%;
}
@media (max-width: 1200px){
	.page-banner.odi>img{
		height: 330px;
		object-fit: cover;
	}
	.page-title{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.page-title h3{
		font-size: 28px;
	}
	.page-title img{
		margin: 15px 0;
	}
}
@media (max-width: 768px){
	.page-banner.odi>img{
		height: 300px;
	}
	.page-title{
		text-align: center;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.page-title h3{
		font-size: 22px;
	}
	.page-title img{
		margin: 10px 0;
	}
	.page-title p{
		font-size: 14px;
	}
}
@media (max-width: 500px){
	.page-banner.odi>img{
		height: 220px;
	}
}

/* 免费获取服务报价 */
.free-content .wpcf7.no-js form{
	display: flex;
	margin: 20px 50px 40px;
}
.free-content .wpcf7.no-js form .free-input{
    width: 37.104072%;
}
.free-content .wpcf7.no-js form .free-input p{
	width: 100%;
	height: 63px;
	border: 2px solid #ef1e25;
	border-radius: 4px 0 0 4px;
	border-right: none;
	position: relative;
}
.free-content .wpcf7.no-js form .free-input p::after{
	content: '';
	width: 1px;
	height: 22px;
	background: #d2d2d2;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.free-content .wpcf7.no-js form .free-input.tel p{
	border-radius: 0;
	border-left: none;
}
.free-content .wpcf7.no-js form .free-input.tel p::after{
	display: none;
}
.free-content .wpcf7.no-js form .free-input p input{
	width: 100%;
	height: 59px;
	font-size: 14px;
	padding: 0 45px;
}
.free-content .wpcf7.no-js form .free-input p img{
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
}
.free-content .wpcf7.no-js form>p{
    width: 25.33937%;
}
.free-content .wpcf7.no-js form>p button{
	color: #fff;
	font-size: 18px;
	width: 100%;
	height: 100%;
	background: #ef1e25;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
}
.free-dynamic{
	display: flex;
	align-items: center;
	border: 2px solid #e2e2e2;
	border-left:none ;
	border-right:none ;
	padding: 20px 0 10px;
	margin: 0 50px 20px;
}
.free-dynamic img{
	margin-right: 20px;
}
.free-dynamic .ul{
	margin-bottom: 10px;
}
.free-dynamic .ul li{
	display: inline-block;
}
.free-dynamic .ul li span{
	color: #999;
	font-size: 14px;
	margin-right: 20px;
}
@media (max-width: 768px){
	.free-content .wpcf7.no-js form{
		flex-wrap: wrap;
		justify-content: center;
	}
	.free-content .wpcf7.no-js form .free-input{
		width: 76%;
	}
	.free-content .wpcf7.no-js form .free-input p{
	    height: 45px;
	    border-right:2px solid #ef1e25;
		margin-bottom: 20px;
	}
	.free-content .wpcf7.no-js form .free-input p input{
	    height: 41px;
	}
	.free-content .wpcf7.no-js form .free-input.tel p{
		border-left: 2px solid #ef1e25;
	}
	.free-content .wpcf7.no-js form>p{
		width: 150px;
		height: 45px;
		border-radius: 4px;
	}
	.free-content .wpcf7.no-js form>p button{
		border-radius: 4px;
	}
	.free-dynamic{
		margin: 0 10px 20px;
	}
	
}
@media (max-width: 500px){
	.free-content .wpcf7.no-js form{
		margin: 10px 0 20px;
	}
	.free-content .wpcf7.no-js form .free-input{
		width: 90%;
	}
	.free-content .wpcf7.no-js form>p button{
		font-size: 16px;
	}
	.free-dynamic{
		padding: 10px 0 5px;
		margin-bottom: 10px;
	}
}
/* 服务项目 */
.odi-service{
	padding-bottom: 80px;
}
.service-content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.service-content .item{
	width: 23.75%;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 10px 10px #f9f9f9;
	padding-bottom: 20px;
}
.service-content .item .item-img{
	width: 100%;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.service-content .item .item-img img{
	width: 100%;
	transition: all .3s;
}
.service-content .item:hover .item-img img{
	transform: scale(1.1);
}
.service-content .item h4{
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
}
.service-content .item p{
	color: #999;
	font-size: 16px;
	margin: 10px 0 22px;
}
.service-content .item a{
	display: inline-block;
	width: 79%;
	height: 34px;
	line-height: 34px;
	color: #e60012;
	font-size: 16px;
	border: 1px solid #e60012;
	border-radius: 17px;
	transition: all .3s;
}
.service-content .item a:hover{
	color: #fff;
	background: #e60012;
}
@media (max-width: 1200px){
	.service-content .item h4{
		font-size: 18px;
	}
}
@media (max-width: 768px){
	.service-content .item{
		width: 48%;
		margin-top: 20px;
	}
	.odi-service{
		padding-bottom: 40px;
	}
}
@media (max-width: 500px){
	.service-content .item h4{
		font-size: 16px;
	}
	.service-content .item p{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.service-content .item a{
		width: 70%;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
}
/* 哪些企业需要办理境外投资备案？ */
.odi-record{
	background: #f7f7f7;
	padding-bottom: 80px;
}
.record-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.record-content .item{
	display: flex;
	width: 50%;
	background: #fff;
}
.record-content .item .item-img{
	width: 50%;
	overflow: hidden;
}
.record-content .item .item-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}
.record-content .item:hover .item-img img{
	transform: scale(1.1);
}
.record-content .item .item-main{
	width: 50%;
	padding: 30px 30px 47px;
	position: relative;
}
.record-content .item .item-main::after{
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 10px solid #fff;
	position: absolute;
	left: -20px;
	top: 30px;
	z-index: 9;
}
.record-content .item.left .item-main::after{
	border-right: 10px solid transparent;
	border-left: 10px solid #fff;
	left:auto ;
	right: -20px;
}
.record-content .item .item-main .img-top{
	display: block;
}
.record-content .item .item-main p{
	color: #333;
	font-size: 16px;
	line-height: 24px;
	margin-top: 20px;
}
.record-content .item .item-main .img-bottom{
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.record-content .item .item-main img{
	transition: all .3s;
}
.record-content .item:hover .item-main img{
	transform: translateX(10px);
}
@media (max-width: 768px){
	.odi-record{
		padding-bottom: 40px;
	}
	.record-content .item{
		width: 100%;
	}
}
@media (max-width: 500px){
	.record-content .item .item-main{
		padding: 10px;
	}
	.record-content .item .item-main p{
		font-size: 14px;
		margin-top: 10px;
	}
	.record-content .item .item-main .img-bottom{
		display: none;
	}
}
/* 申请所需材料 */
.odi-material{
	padding-bottom: 80px;
}
.odi-material>.page-container{
	max-width: 1500px;
}
@media (max-width: 1500px){
	.odi-material>.page-container{
		padding: 0 15px;
	}
	.odi-choose .page-container{
		padding: 0 15px;
	}
}
.material-content{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.material-content .item{
	display: flex;
	align-items: center;
	width: 32%;
	background: #fef2f3;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 20px;
}
.material-content .item span{
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #e60011;
	border-radius: 50%;
	margin-right: 10px;
}
.material-content .item p{
	color: #333;
	font-size: 16px;
}
.material-con{
	background-image: url(../images/odi_con_bg.jpg);
	border-radius: 10px;
	margin-top: 15px;
}
.material-con .page-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 35px 0;
}
.con-content h4{
	color: #fff;
	font-size: 23px;
}
.con-content p{
	color: #fff;
	font-size: 16px;
}
.con-tel{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.con-tel .tel-c{
	display: flex;
	align-items: center;
	margin: 0 70px;
}
.con-tel .tel-c p{
	color: #fff;
	font-size: 32px;
	font-weight: bold;
}
.con-tel .tel-c img{
	margin-right: 10px;
}
.material-con .page-container>a{
	color: #fff;
	font-size: 16px;
	border-radius: 19px;
	background: #e60011;
	padding: 8px 28px;
	margin-right: 70px;
}
@media (max-width: 1330px){
	.material-con .page-container .con-content{
		margin-left: 30px;
	}
}
@media (max-width: 1200px){
	.con-tel .tel-c{
		margin: 0 20px;
	}
	.con-content h4{
		font-size: 20px;
	}
	.con-content p{
		font-size: 14px;
	}
}
@media (max-width: 960px){
	.con-tel>img{
		display: none;
	}
	.con-tel .tel-c p{
		font-size: 28px;
	}
	.material-con .page-container>a{
		margin-right: 20px;
	}
}
@media (max-width: 860px){
	.material-con .page-container{
		flex-direction: column;
		padding: 20px 10px;
	}
	.material-con .page-container .con-content{
		margin-left: 0;
	}
	.con-tel{
		margin: 10px 0;
	}
}
@media (max-width: 768px){
	.material-content .item{
		width: 48%;
		padding: 15px;
	}
	.material-content .item span{
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 14px;
	}
	.material-content .item p{
		font-size: 14px;
	}
}
@media (max-width: 500px){
	.material-content{
		justify-content: center;
	}
	.material-content .item{
		width: 90%;
	}
	.con-content h4{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.con-content p{
		font-size: 12px;
	}
	.con-tel .tel-c p{
		font-size: 22px;
	}
	.con-tel .tel-c img{
		width: 25px;
	}
	.material-con .page-container>a{
		font-size: 14px;
		padding: 6px 28px;
	}
}
/* 为什么选择我们 */
.odi-choose{
	background: #f7f7f7;
}
.odi-choose .odi-grey{
	background: url(../images/odi_choose_bg.jpg) no-repeat top;
}
.odi-choose .page-container{
	max-width: 1500px;
}
.odi-choose .page-title h3,
.odi-choose .page-title p{
	color: #fff;
}
.choose-content{
	display: flex;
	margin-top: 15px;
}
.choose-content .item{
	width: 25%;
	text-align: center;
	background: #fff;
	padding: 48px 28px 80px;
	position: relative;
}
.choose-content .item:nth-child(2){
	background: url(../images/odi_choose02_bg.jpg);
}
.choose-content .item:nth-child(4){
	background: url(../images/odi_choose04_bg.jpg);
}
.choose-content .item p{
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin-top: 15px;
}
.choose-content .item:nth-child(2) p,
.choose-content .item:nth-child(4) p{
	color: #fff;
}
.choose-content .item .img-bottom{
	position: absolute;
	left: 50%;
	bottom: 48px;
	transform: translateX(-50%);
}
.choose-content .item img{
	transition: all .3s;
}
.choose-content .item:hover img:first-child{
	transform: translateY(-10px);
}
.choose-content .item:hover .img-bottom{
	bottom: 38px;
}
@media (max-width: 1200px){
	.choose-content .item{
		padding: 35px 25px 35px;
	}
	.choose-content .item .img-bottom{
		bottom: 15px;
	}
	.choose-content .item:hover .img-bottom{
		bottom: 25px;
	}
}
@media (max-width: 768px){
	.choose-content{
		flex-wrap: wrap;
		justify-content: center;
	}
	.choose-content .item{
		width: 80%;
	}
}
@media (max-width: 500px){
	.choose-content .item{
		width: 90%;
		padding-top: 25px;
	}
	.choose-content .item img:nth-child(1){
		width: 60px;
	}
}
/* 案例展示 */
.odi-case{
	background: #f7f7f7;
	padding-bottom: 100px;
}
.case-content{
	position: relative;
}
.case-content .case-item{
	background: #fff;
	border-radius: 10px;
	padding-bottom: 20px;
}
.case-content .case-item .img-box{
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	position: relative;
}
.case-content .case-item .img-box img{
	width: 100%;
}
.case-content .case-item .img-box .item-content{
	width: 100%;
	height: 100%;
	background: rgba(230, 0, 17, .5);
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(100%);
	transition: all .3s;
}
.case-content .case-item:hover .img-box .item-content{
	transform: translateY(0);
}
.case-content .case-item .img-box .item-content .content-box{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.case-content .case-item .img-box .item-content .content-box p{
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	white-space: nowrap;
}
.case-content .case-item>p{
	color: #333;
	font-size: 16px;
	line-height: 24px;
	padding: 0 20px;
	margin-top: 20px;
	position: relative;
}
.case-content .case-item>p::after{
	content: '';
	width: 4px;
	height: 15px;
	border-radius: 2px;
	background: #e60011;
	position: absolute;
	left: 0;
	top: 0;
}
.case-content .swiper-pagination{
	bottom: -50px;
}
.case-content .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background: #e60011;
	margin-top: 20px;
}
.case-content .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.case-content .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	color: #fff;
	font-size: 30px;
}
.case-content .swiper-button-next, .case-content .swiper-button-prev{
	width: 40px;
	height: 64px;
	background: #e60011;
}
.case-content .swiper-button-prev, .case-content .swiper-rtl .swiper-button-next{
	left: -70px;
}
.case-content .swiper-button-next, .case-content .swiper-rtl .swiper-button-prev{
	right: -70px;
}
.case-content .swiper-button-next.swiper-button-disabled, .case-content .swiper-button-prev.swiper-button-disabled{
	width: 40px;
	height: 64px;
	background: #c6c6c6;
	opacity: 1;
}
@media (max-width: 1400px){
	.odi-case{
		padding-bottom: 80px;
	}
	.case-content{
		padding: 0 50px;
	}
	.case-content .swiper-button-prev, .case-content .swiper-rtl .swiper-button-next{
		left: 0;
	}
	.case-content .swiper-button-next, .case-content .swiper-rtl .swiper-button-prev{
		right: 0;
	}
}
@media (max-width: 768px){
	.odi-case{
		padding-bottom: 60px;
	}
	.case-content{
		padding: 0;
	}
	.case-content .swiper-button-prev, .case-content .swiper-rtl .swiper-button-next{
		display: none;
	}
	.case-content .swiper-button-next, .case-content .swiper-rtl .swiper-button-prev{
		display: none;
	}
}
@media (max-width: 500px){
	.odi-case{
		padding-bottom: 40px;
	}
	.case-content .swiper-pagination{
		display: none;
	}
	.case-content .case-item>p{
		font-size: 14px;
		margin-top: 15px;
	}
	.case-content .case-item .img-box .item-content .content-box p{
		font-size: 14px;
	}
}
/* 关于我们 */
.odi-about{
	padding-bottom: 75px;
}
.about-content{
	display: flex;
	justify-content: space-between;
	background: #f7f7f7;
}
.about-content>img{
	width: 26.6667%;
	object-fit: cover;
}
.about-content .about-main{
	width: 65%;
	margin-right: 50px;
}
.about-main .main-title{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e7e7e7;
	padding: 35px 0 15px;
}
.about-main .main-title img{
	margin-right: 20px;
}
.about-main .main-title .title h3{
	color: #333;
	font-size: 24px;
}
.about-main .main-title .title p{
	color: #333;
	font-size: 12px;
	margin-top: 5px;
}
.about-main h4{
	display: flex;
	align-items: center;
	color: #333;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.about-main h4 img{
	margin-right: 10px;
}
.about-main>p{
	color: #333;
	font-size: 14px;
	line-height: 24px;
}
.about-main .env{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.about-main .env .item{
    width: 32%;
}
.about-main .env .item>img{
    width: 100%;
}
.about-main .env .item p{
	color: #666;
	font-size: 14px;
	margin-bottom: 20px;
}
.about-main .env .item p img{
	margin-right: 10px;
}
@media (max-width: 1200px){
	.about-content .about-main{
		width: 70%;
		margin-right: 10px;
	}
	.about-main .env .item{
		width: 33.3333%;
	}
	.about-main .env .item>img{
		width: 100%;
	}
}
@media (max-width: 768px){
	.about-content{
		justify-content: center;
		padding-bottom: 20px;
	}
	.about-content>img{
		display: none;
	}
	.about-content .about-main{
		width: 90%;
		margin: 0;
	}
	.about-main .main-title img{
		width: 150px;
	}
	.about-main .main-title .title h3{
		font-size: 20px;
	}
	.about-main .env{
		margin-top: 20px;
	}
}
@media (max-width: 500px){
	.about-main .main-title{
		flex-direction: column;
		padding-top: 25px;
	}
	.about-main .main-title .title h3{
		font-size: 18px;
	}
	.about-main .env{
		flex-wrap: wrap;
		justify-content: center;
	}
	.about-main .env .item{
		width: 95%;
		margin-bottom: 10px;
	}
}

/*  */
.zhuangbility{ padding: 15px 0; background-color: #CF1728;}
.zhuangbility ul li{float: left; width: 25%; }
.zhuangbility-box {position: relative; padding:15px 15px 15px 90px;font-family: arial;}
.zhuangbility-box span{position: absolute; top: 0; left: 0; width: 80px; height: 80px; line-height: 80px; border-radius: 50%;  text-align: center;  }
.zhuangbility-box span img{ max-width: 100%;}
.zhuangbility-box h3{padding-bottom: 10px; font-size: 18px; color: #fff;}
.zhuangbility-box p:nth-of-type(1){padding-bottom: 10px; font-size: 18px; font-weight:bold;color: #fff;}
.zhuangbility-box p{color: #fff; font-size: 12px;}

@media (max-width:860px) {
	.zhuangbility ul li{width: 50%; margin-bottom: 15px;}
}
@media (max-width:768px) {
	.zhuangbility ul li{width: 100%;}
}



* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


html,
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	/*清除移动端点击色块*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 
|  px  |     rem        |
-------------------------
|  12  | 12/10 = 1.2    |
|  14  | 14/10 = 1.4    |
|  16  | 16/10 = 1.6    |
|  18  | 18/10 = 1.8    |
|  20  | 20/10 = 2.0    |
|  24  | 24/10 = 2.4    |
|  30  | 30/10 = 3.0    |
|  36  | 36/10 = 3.6    |
|  42  | 42/10 = 4.2    |
|  48  | 48/10 = 4.8    |
-------------------------    
 */

img {
	border: 0;
	vertical-align: middle;
}

button,
input {
	outline: none;
	border: none;
}

h1,
h2,
h3,
h4,
p {
	font-weight: normal;
	margin: 0;
}

a {
	color: #333;
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*去掉手机点击显示块状*/
}

a:hover,
a:focus {
	color: #333;
	text-decoration: none;
}

ul,
ol,
li,
dl,
dd,
dt {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*iphone*/

textarea,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
}


/* 重置表单控件垂直居中*/

input,
select,
textarea,
button {
	vertical-align: middle;
	padding: 0;
	outline: none;
}

/*文字标签设置*/

em,
i {
	font-weight: normal;
	font-family: arial;
}


/*浮动*/

.fl {
	float: left;
}

.fr {
	float: right;
}


/*清除浮动*/

.clearfix:after {
	display: block;
	content: "";
	clear: both;
	overflow: hidden;
}

.clearfix {
	/* 触发 hasLayout */
	zoom: 1;
}

/* 字体图标  */
@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.eot');
	src: url('../fonts/iconfont.eot') format('embedded-opentype'),
		url('../fonts/iconfont.woff') format('woff'),
		url('../fonts/iconfont.ttf') format('truetype'),
		url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* 容器 */
*{transition: all .3s;}
.container-width{max-width: 1200px; margin: 0 auto;}
@media (max-width:1200px) {
	.container-width{padding: 0 15px;}
}
/* top */
.top{background-color: #f5f5f5; padding: 8px; color: #666;}
.top-chui a{margin:0 5px;color: #777;}
.top-chui a:hover{margin:0 5px;color: #E60011;}
@media (max-width:768px) {
	.top{display: none;}
}

/* header */
.header{position: relative; padding: 15px 0;}

.logo{float: left;}
.logo img{max-width: 100%;height: 60px;}
@media(max-width: 768px) {
	.logo img{max-width: 100%; height: 40px;}
}
.navSearch {position: absolute; top: 30px; left: 50%; margin-left: -180px; width: 360px;}
.navSearch p{padding: 5px 0; color: #888; font-size: 12px;}
.navSearch p a{margin-left: 5px; }
.navSearch p a:hover{color: #E60011;}
.navSearch input{line-height: 27px; width: 100%; height: 35px; padding: 0 10px; border: 1px solid  #E60011; border-radius: 4px;}
.navSearch button{position: absolute; top: 0; right: 0; width: 25%; height: 35px; background-color: #E60011;border-radius: 4px;font-size: 16px; color: #fff; line-height: 35px; cursor: pointer;}
@media (max-width:1300px) {
	.navSearch{}
}
@media (max-width:1000px) {
	.navSearch { margin-left: -120px; width: 260px;}
}
@media (max-width:768px) {
	.header{padding: 10px 0;}
	.navSearch{display: none;}
}

/* tel */
.header-tel{position: relative; float: right; margin-top: 10px; padding-left: 65px;}
.header-tel span{position: absolute; top: 15px; left: -5px; text-align: center;  }
.header-tel span i{font-size: 48px; color: #E60011;}
.header-tel p{font-size: 14px; color: #777; padding-bottom: 2px;}
.header-tel h3{font-size: 22px; color: #E60011; font-family: arial;}
.header-tel p:nth-of-type(2){font-size: 22px;font-weight:bold; color: #E60011; font-family: arial;}
@media (max-width:768px) {
.header-tel{display: none;}
}
/* open */
.navbar-open {position: absolute; top: 50%; right: 15px; z-index: 1; margin-top: -20px; width: 40px;height: 40px;  cursor: pointer;display: none; }
.navbar-open span {display: block;width: 30px;height: 2px;background-color: #666;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 11px;}
/* .navbar-open span:nth-child(2) {margin-top: 8px;}
.navbar-open span:last-child {margin-top: 8px;} */

/*  */
@media(max-width: 768px) {
	.navbar-open {display: block;}
	.navbar-open span {display: block;width: 20px;}
	.navbar-open span:nth-child(2) {margin-top: 6px;}
	.navbar-open span:last-child {margin-top: 6px;}
}


/* ---------------左侧导航--------------- */
.navbox{background-color:#241714;}

@media (max-width:768px) {
	.navbox{display: none;}
}
/* nav */
.nav-menu{width: 100%;}
.nav-menu>li{position: relative; float:left; width: 9.0909%;}
.nav-menu>li>a{display:block; text-align: center; line-height: 50px; font-size:15px;  color:#fff;}
.nav-menu>li.current-menu-item>a{background-color:#E60011; color:#fff;}
/* .nav-menu>li:hover{box-shadow: 0 -55px 0 #182d83 inset; color:#fff;} */
.nav-menu>li:hover>a{box-shadow: 0 -65px 0 #E60011 inset;}

.sub-menu{position: absolute; top: 50px; left: 0; z-index: 3; width: 100%;  text-align: center; visibility: hidden; opacity: 0; transform: translateY(10px);}
.sub-menu li a{display: block;background-color: #E60011; line-height: 50px; color: #fff;}
.sub-menu li a:hover{background-color: #E60011 ; color: #fff;}

.nav-menu>li:hover .sub-menu{ visibility: visible; opacity: 1; transform: translateY(0);}
@media (max-width:1000px) {
	.nav-menu>li>a{display:block; text-align: center; line-height: 45px; font-size:14px;}
	.nav-menu>li{position: relative; float:left; width: 10%; padding: 0 5px;}
}
@media (max-width:860px) {
	.submenu{ top: 45px; }
}


@media (max-width:860px) {
	
}

/* -----------手机-------------- */


/* =================footer================ */
/* m-nav-window */
.m-nav-window {position: fixed;top: 0;left: 0;z-index: 10; width: 100%;height: 100%;background-color:#E60011;visibility: hidden;opacity: 0;transform: translateX(120px);}
/* m-navmenu */
.m-navmenu { padding-top: 80px; text-align: center;}
.m-navmenu li { padding-bottom: 15px;}
.m-navmenu li a {color: #fff;font-size: 18px;}
/* close */
.m-navbar-close {position: absolute;top: 5px;right: 5px;width: 35px;height: 35px;}
.m-navbar-close span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #fff;}
.m-navbar-close span:first-child {transform: rotate(45deg);}
.m-navbar-close span:last-child {transform: rotate(-45deg);}
/* m-s */
.m-search{ margin-top: 10px; text-align: center; line-height: 35px; border-radius: 4px; overflow: hidden;}
.m-search input{line-height: 38px; padding: 0 15px;}
.m-search button{ padding: 0 20px; line-height: 37px; background-color: #333; color: #fff;}
.m-search button i{font-size: 20px; vertical-align: middle;}
/* onshow */
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}

/* =================footer================ */


.footer-bg {background-color:#1E1E23; color: #b9b9b9;}
/*  */
.footer-nav{padding: 20px 0; border-bottom: 1px solid #4d4d4d;}
.footer-nav ul li{position: relative; float: left; width: 10%; }
.footer-nav ul li a{color: #969896;}
.footer-nav ul li a:hover{color: #fff;}
/*  */
.footer-box {padding: 30px 0;}

.footer-logo,
.footer-address,
.footer-tel,
.footer-wx{float: left; height: 120px;}

.footer-logo{width: 25%; display: flex; align-items: center; }
.footer-logo img{max-width: 100%;}

.footer-address{ width: 30%; padding-top: 15px; font-family: arial; height: auto;}
.footer-address p{margin-bottom: 15px;}
.footer-address p i {font-style: normal; color: #fff;}

.footer-tel{width: 15%;font-family: arial;}
.footer-tel a{position: relative; display:inline-block; padding: 0 15px; margin: 15px 0; font-size: 14px; background-color:#E60011; line-height: 35px; color: #fff; }
.footer-tel a i{font-size: 26px; vertical-align: middle;}
.footer-tel h3{font-size: 24px; color: #fff; padding: 5px 0;}
.footer-tel p{font-size: 12px; color: #999; }
.footer-tel p:nth-of-type(1){font-size: 24px; color: #fff; padding: 5px 0;}
.footer-wx{width: 28%;}
.footer-wx ul li{float: left; padding:0 15px; text-align: center; }
.footer-wx ul li img {width: 90px;margin-bottom: 10px;}
.footer-wx ul li h3{padding-top: 10px; font-size: 14px;}

@media (max-width:1150px) {
.footer-logo{display: none;}
.footer-address,
.footer-tel,
.footer-wx{width: 33.33%; padding: 15px 0;}
}

@media (max-width:860px) {
	.footer-nav{display: none;}
	.footer-address,
	.footer-tel{width: 50%; padding: 0;}
	.footer-wx{width: 100%; padding: 0;}
}
@media (max-width:768px) {
	.footer-address,
	.footer-tel,
	.footer-wx{ width: 100%; text-align: center;}
	.footer-wx ul{ padding-top: 15px; display: inline-block;}
}



@media (max-width:640px) {
	.footer-left ul li {float: left;width: 100%;padding: 10px;}
}

.footer-linkbox{padding-bottom: 15px;  background-color: #1E1E23;}
.footer-hotlink{padding-top: 15px; border-top: 1px solid #2D2F32; margin-bottom: 15px;}
.footer-link{color: #fff;}
.footer-link li{display: inline-block;}
.footer-link a{margin-right: 15px; color: #b1b1b1;}
.footer-link a:hover{color: #fff;}

.site-copyright{line-height: 35px; color: #777; font-size: 12px; background-color: #2D2F32;}
.site-copyright a{color: #777;}
@media (max-width:940px) {
	.site-copyright span{display: block; width: 100%; text-align: left;}
}
@media (max-width:768px) {
	.site-copyright{ margin-bottom: 64px;}
}

/* site-tel */
.site-tel{ padding: 0 15px; text-align: center;}
.site-tel-box{display: inline-block; padding-left: 40px; font-size: 16px;font-family: arial; color: #666; background-color: #fff; border: 1px solid #2C9FDA;height: 45px; line-height: 45px; border-radius: 40px; overflow: hidden; }
.site-tel-box strong{font-size: 20px;color: #2C9FDA;}
.site-tel-box a{display: block; margin-left: 30px; padding: 0 35px;  background-color: #2C9FDA ;border-radius: 0 45px 45px 0; color: #fff;}
@media (max-width:640px) {
	.site-tel-box a{display: block; padding: 0 15px; }
}
@media (max-width:380px) {
	.site-tel-box b{ display: none;}
}



/*window-service*/
.window-service{position: fixed; top: 250px; right: 10px; z-index: 3;}
.window-service ul li{position: relative ; background-color: #E60011; padding-top: 8px; width: 64px; height: 64px; margin-bottom: 2px; color: #E60011; text-align: center; cursor: pointer}
.window-service ul li a{color: #fff;  }
.window-service ul li i{font-size: 28px;color: #fff;}
.window-service ul li p{font-size: 12px;color: #fff;}
/*  */
.window-service-tel{position: absolute; top: 0; right: 60px; z-index: -1; width: 200px; height: 64px; line-height: 64px; font-size: 20px; color: #fff; font-family: arial; background-color: #E60011;}
.window-service-wx-pic{position: absolute; bottom: 0; right: 68px; z-index: -1; padding: 15px; background-color: #E60011;}
.window-service-wx-pic h3{ padding-top: 5px; color: #fff; font-size: 14px;}
.window-service-tel,
.window-service-wx-pic{opacity: 0; visibility: hidden; transform: translateX(10px);}
/* hover */
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx-pic{opacity: 1; visibility: visible; transform: translateX(0)}

.gotop{transition: none;}

/*  */
.window-service-sms,
.window-service-contact{display: none;}
/*  */
@media(max-width:768px){
	.window-service{position: fixed; top:inherit; bottom: 0; right: 0; width: 100%;}
	.window-service ul li{float: left; padding-top: 8px; width: 25%; height: 64px; margin-bottom: 0;}
	.window-service-sms,
	.window-service-contact{display: block;}
	.open-window-service-form,
	.window-service-tel,
	.window-service-wx,
	.gotop{display: none!important;}
}


/*  */

.footer-adven{position: fixed;  bottom: 0; left: 0; width: 100%; padding: 15px 0; background-color: #000000; color: #fff; font-family: arial;}
.footer-adven .container-width{position: relative;}
.footer-adven-close{position: absolute; top: 6px; right: 0;}

.footer-adven-left {font-size: 24px;}
.footer-adven-right{font-size: 0; }
.footer-adven-right input{ padding: 0 10px; line-height: 35px; border-radius: 4px;}
.footer-adven-right button{ padding: 0 15px; line-height: 35px; border-radius: 4px; background-color: #F2BA1E; margin: 0 10px; }
.footer-adven-right a{display: inline-block;padding: 0 15px; font-size: 14px; line-height: 35px; background-color: #E60011; color: #fff;vertical-align: middle; border-radius: 4px; margin-right: 35px;}

@media (max-width:1100px) {
	.footer-adven{display: none;}
}

/*  */
.adstring{overflow: hidden;}
.adstring a{display: block;}
.adstring img{width: 100%;}

@media (max-width:1000px) {
	.adstring{display: none;}
}


@charset "utf-8";
.hr{ height:1px;border:none;border-top:1px dashed #eee;}
.pt50{padding-top: 50px;}

/* banner */
.pg-banner{overflow: hidden;}
.pg-banner img{width: 100%;}
/* pgview */
.pg-view ul{padding: 10px 0 }
.pg-view ul li{padding: 5px 0;}
.pg-view ul li a{ color: #777;}
.pg-view ul li a:hover{color:#E60011;}
@media (max-width:768px) {
	.pg-view ul{padding:5px 15px;}
	.pg-view ul li{width: 100%;}
	.pg-view ul li:last-child{text-align: left; padding-top: 8px;}
}
/* pg-code */
.pg-code{padding: 15px 0; text-align: center; font-size: 0;}
.pg-code-go{font-family: simsun!important;}
.pg-code span,
.pg-code a{display: inline-block; margin: 15px 5px; min-width: 40px; height: 40px; line-height: 40px; border: 1px solid #eee;  font-size: 16px; color: #999; font-family: arial; cursor: pointer;background-color: #fff;}
.pg-code span b{font-family: simsun; font-weight: normal;}
.pg-code .pg-code-on{background-color: #E60011; border-color: #E60011; color: #fff;}
.pg-code span:hover,
.pg-code a:hover{background-color: #E60011; border-color: #E60011; color: #fff;}
/* path */
.cate-path{height: 50px;line-height: 50px; overflow: hidden;}
.cate-path a{color: #777;}
.cate-path img{ vertical-align: middle; }
.cate-path i{font-size: 24px; }
.cate-path b{font-weight: normal; font-family: simsun; color: #aaa;}
.cate-path span{color:#E60011;}
/* about */
.category-title{position: relative; text-align: center; font-family: arial;}
.category-title h3{padding-bottom: 10px; font-size: 26px;}
.category-title h3 b{color: #0f74fb; font-weight: normal;}
.category-title p{ font-size: 16px; color: #777;text-transform: uppercase;}
.category-title fieldset{position: relative; margin: 0 auto; max-width: 220px; border-width: 1px 0 0;border-color: #eee;}
.category-title fieldset legend{ padding: 0 15px; font-size: 16px; text-transform: uppercase; color: #777;}
.category-title:before {position: absolute;bottom: -10px;left: 50%;content: '';width: 40px;height: 2px;margin-left: -20px;background-color: #E60011;}
@media (max-width:768px) {
	.category-title h3{padding-bottom: 10px; font-size: 22px;}
}
/* show */
.show-left{float: left; width: 70%;}
.show-right{float: right; width: 30%; padding-left: 50px; }
@media (max-width:768px) {
	.show-left,
	.show-right{float: none; width: 100%; padding-left: 0; }
}

.show-title{ padding-top: 50px; text-align: center;}
.show-title h3{margin-bottom: 15px; padding-bottom: 15px; font-size: 24px;}
.show-title span{position: relative; display: inline-block; padding:0 15px; margin-bottom: 10px; font-family: arial;  color: #777;}
.show-content{padding: 40px 0;}
.show-content img {max-width: 100%;height: auto;}
.show-content p{line-height: 24px; padding-bottom: 15px;}
.show-share{padding: 15px 0; text-align: right; color: #777;}
@media (max-width:768px) {
	.show-title{ padding-top: 20px;}
	.show-title h3{ padding-bottom:0; font-size: 22px;}
	.show-title span{display: block; margin-bottom: 5px;}
	.show-content{padding: 20px 0;}
}

/*  */
.show-hotitle{ margin-bottom: 25px; border-bottom: 2px solid #eee;}
.show-hotitle a{font-size: 14px; font-family: arial; text-transform: uppercase; margin-top: 15px;}
.show-hotitle span{ position: relative; display: inline-block; padding: 10px 0; font-size: 20px;}
.show-hotitle span:before{position: absolute;bottom: -3px; left: 0; content: ''; width: 100%; height: 3px ; background-color: #E60011; }
.show-hot{padding-bottom: 25px;}
.show-hot ul li{padding-left: 25px; padding-bottom: 15px; border-left: 1px solid #eee; font-family: arial;}
.show-hot ul li h3{position: relative;font-size: 16px; color: #666;}
.show-hot ul li h3:before{position: absolute; top: 5px; left: -30px; content: ''; width: 9px; height: 9px; border-radius: 50%; background-color: #ccc;}
.show-hot ul li p{ padding: 10px 0; color: #999; border-bottom: 1px solid #eee; }
.show-hot ul li a:hover h3{color: #E60011;}
.show-hot ul li a:hover h3:before{background-color: #E60011;}
/*  */
.articlelink-title{ border-bottom: 3px solid #eee; }
.articlelink-title span{display: inline-block; position: relative;line-height: 40px;color: #E60011;}
.articlelink-title span:before{position: absolute;bottom: -2px; left: 0; content: ''; width: 100%; height: 2px; background-color: #E60011;}
.articlelink{padding: 25px 0;}
.articlelink ul li{position: relative; float: left; width: 50%; line-height: 30px; padding-right: 15px;}
.articlelink ul li i{font-family: simsun; font-style: normal; color: #333;}
.articlelink ul li a{display: block; color: #888; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.articlelink ul li a:hover{color: #E60011;}
@media (max-width:768px) {
	.articlelink ul li{ width: 100%; }
}
/*  */
.show-peitao {padding-bottom: 20px;}
.show-peitao ul li{margin-bottom: 15px;}
.show-peitao img{width: 100%;}

@media (max-width:768px) {
	.show-peitao ul li{ margin-bottom: 15px;}
}

.page-border-case li{margin-top: 25px; font-family: arial;}
.page-border-case li span{padding-top: 2px;}
.page-border-case li i{display: inline-block; padding: 1px; border: 1px solid #E60011; color: #E60011; border-radius: 3px; margin-right: 8px;}
.page-border-case li a:hover{ color: #E60011;}


/* news */
.pg-news-title ul { margin: 20px 0; background-color: #f5f5f5;}
.pg-news-title ul li{float: left;}
.pg-news-title ul li a{position: relative;z-index: 3; display: block; padding: 2px 25px; font-size: 16px; line-height: 45px;}
.pg-news-title ul li a i{font-size: 24px; padding-right: 5px; vertical-align: middle; color: #777;}

.pg-news-title ul li a:before{position: absolute; bottom: 0; left: 0; content: ''; z-index: -1; width: 100%; height: 0; background-color: #E60011; transition: all .3s;}
.pg-news-title ul li a:after{position: absolute; bottom: 0; left: 50%; content: ''; margin-left: -10px; z-index: -1; width: 0; height: 0;
 border-top: 10px solid #E60011; border-right: 10px solid transparent; border-left: 10px solid transparent; opacity: 0; transition: all .3s;}
.pg-news-title ul li.current-cat a,
.pg-news-title ul li.current-cat a i{color: #fff;}
.pg-news-title ul li.current-cat a:before{height: 100%;}
.pg-news-title ul li.current-cat a:after{bottom: -10px; opacity: 1;}
.pg-news-title ul li a.on,
.pg-news-title ul li a.on i{color: #fff;}
.pg-news-title ul li a.on:before{height: 100%;}
.pg-news-title ul li a.on:after{bottom: -10px; opacity: 1;}
.pg-news-title ul li a:hover,
.pg-news-title ul li a:hover i{color: #fff;}
.pg-news-title ul li a:hover:before{height: 100%;}
.pg-news-title ul li a:hover:after{bottom: -10px; opacity: 1;}
@media (max-width:768px) {
	.pg-news-title ul li a{ padding: 2px 15px;line-height: 35px;}
	.pg-news-title ul li a i{display: none;}
}

.pg-news {overflow: hidden;}
.pg-news ul{margin-right: -25px;}
.pg-news ul li{float: left; width: 33.33%; padding-right: 25px; margin-bottom: 25px;}
.pg-news-box{/* background-color: #E60011; */font-family: arial; border-bottom: 1px solid #eee; padding-bottom: 25px;}
.pg-news-box-pic {overflow: hidden;}
.pg-news-box-pic img{width: 100%;}
.pg-news-box .pg-news-box-date{position: relative; float: left;  margin-top: 15px; padding: 10px 5px; width: 20%; border: 1px solid #ccc; text-align: left; }
.pg-news-box .pg-news-box-date h3{font-size: 28px; font-weight: bold;}
.pg-news-box .pg-news-box-date p{font-size: 16px; color: #777;}

.pg-news-box .pg-news-box-content{float: right; width: 75%; padding-top: 15px;} 
.pg-news-box .pg-news-box-content h3{ font-size: 18px;  border-bottom: 1px solid #fff; overflow: hidden; height: 25px;} 
.pg-news-box:hover .pg-news-box-content h3{ color: #E60011} 
.pg-news-box .pg-news-box-content p{margin-top: 5px; height: 40px; overflow: hidden;}
@media (max-width:1200px) {
	.pg-news ul li{width: 50%;}
}

@media (max-width:768px) {
	.pg-news ul li{width: 100%;}
}
@media (max-width:640px) {
	.pg-news-box .pg-news-box-date{  margin-top: 10px; padding: 0; width: 100%; border:none; text-align: left; }
	
	.pg-news-box .pg-news-box-content{ width: 100%; padding-top: 10px; } 
}

/* contact */
.pg-contact {padding: 10px 0!important;}
.pg-contact ul li{background:#F7F7F7 url(../images/odi_map-bg.png) no-repeat ; background-position: right bottom;}
.pg-contact-pic{width: 18%;}
.pg-contact-pic img{width: 100%;}
.pg-contact-info{width: 80%; padding: 45px 25px; font-family: arial; }
.pg-contact-info h3	{font-size: 20px;  margin-bottom: 25px;}
.pg-contact-info h3 span{display: inline-block; padding-bottom: 8px; padding-right: 20px; border-bottom: 1px solid #E60011;}
.pg-contact-info p {margin-bottom: 15px; font-size: 16px;}
.pg-contact-info p span{padding-top: 8px; text-indent: 48px; display: block; font-size: 12px; color: #777;}

@media (max-width:1200px) {
	.pg-contact ul li{background-image: none;}
	.pg-contact-pic{width: 25%;}
	.pg-contact-info{width: 75%;}
}

@media (max-width:840px) {
	.pg-contact-pic{width: 30%;}
	.pg-contact-info{width: 70%;}
}
@media (max-width:768px) {
	.pg-contact-pic{display: none;}
	.pg-contact-info{width: 100%;padding: 15px; }
}

@media (max-width:768px) {
	.pg-contact-info p span{text-indent: 0; }
}

/* peitao */

.pg-peitao {overflow: hidden;}
.pg-peitao ul li{float: left; width: 33.33%; padding: 15px;}
.pg-peitao-box{ont-family: arial; border-bottom: 1px solid #eee; padding-bottom: 25px;}
.pg-peitao-box-pic {overflow: hidden;}
.pg-peitao-box-pic img{width: 100%;}

.pg-peitao-box-content{ text-align: center;} 
.pg-peitao-box-content h3{ padding: 20px 0; font-size: 18px; } 
.pg-peitao-box-content p{margin-top: 5px;padding: 0 15px; line-height: 24px; height: 48px; font-size: 16px; color: #777; overflow: hidden;}
.pg-peitao-box-content i{display: block; margin-top: 25px;visibility: hidden; transform: translateX(-20px);}

.pg-peitao ul li a:hover .pg-peitao-box{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.pg-peitao ul li a:hover .pg-peitao-box-content p{}
.pg-peitao ul li a:hover .pg-peitao-box-content i{visibility: visible; transform: translateX(0);}
@media (max-width:1200px) {
	.pg-peitao ul li{width: 50%;}
}

@media (max-width:768px) {
	.pg-peitao ul li{width: 100%;}
}

.pg-company ul li{float: left; width: 20%; padding: 0 10px 15px; min-height: 363.7px;}
.pg-company-box{font-family: arial; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.pg-company-box-pic {overflow: hidden;}
.pg-company-box-pic img{width: 100%;}
.pg-company-box-content{padding: 15px; height: 230px; overflow: hidden;}
.pg-company-box-content h3{position: relative; padding-bottom:5px; margin-bottom: 15px; font-size: 18px; text-align: center; } 
.pg-company-box-content h3:before{position: absolute;bottom: -2px; left: 50%; content: ''; margin-left: -15px; width: 30px; height: 1px; background-color: #E60011;}
.pg-company-box-content dl dd{height: 26px; line-height: 26px; font-size: 14px; color: #777; overflow: hidden; position: relative;}
.pg-company-box-content a {display: inline-block; width: 168px; overflow: hidden;}
.pg-company-box-content i{position: absolute; right: 0px; top: 0px;}

.pg-company-box-content dl dd a:hover{color: #E60011;}
.pg-company ul li a:hover .pg-company-box{box-shadow: 0 0 15px rgba(0,0,0,.1);}
@media (max-width:1200px) {
	.pg-company ul li{width: 33.33%;}
}

@media (max-width:840px) {
	.pg-company ul li{width: 50%;}
}

@media (max-width:640px) {
	.pg-company-box-content{height: auto;}
	.pg-company ul li{width: 100%;}
}

/* pg-history */
.pg-history ul{border-top: 1px solid #eee;}
.pg-history ul li{ padding: 15px 0; border-bottom: 1px solid #eee; font-family: arial;}
.pg-history ul li h3{padding-right: 10px; font-size: 30px;}
.pg-history ul li h3 span{font-size: 14px;}
.pg-history ul li p{position: relative; padding-left: 60px; margin-top: 10px; font-size: 16px; color: #777;}
.pg-history ul li p:before{position: absolute; top: 50%; left: 0; content: ''; width: 50px; height: 1px ; background-color: #ccc;}


/*  */
.page-about-left{float: left; width: 65%; padding-right: 40px;  font-family: arial;}
.page-about-left h1{position: relative; padding:0 0 15px; margin-bottom: 25px; font-size: 24px;}
.page-about-left h1:before{position: absolute; bottom: 0; left: 0; content: ''; width: 60px; height: 2px; background-color: #E60011; }
.page-about-left p{margin-bottom: 12px; color: #777; font-size: 14px; line-height: 24px;}
.page-about-left a{display: inline-block; padding: 0 30px; line-height: 40px; border: 1px solid #ccc; text-transform: uppercase; }
.page-about-left a b{vertical-align: middle;margin-right: 5px; font-weight: normal;}
.page-about-left a:hover img{transform: translateX(8px);}

.page-about-right{float: left; width: 35%; text-align: center;}
.page-about-right img{max-width: 100%;}

@media (max-width:980px) {
	.page-about-right{width: 45%; padding: 15px;}
	.page-about-left{width: 55%;}
}
@media (max-width:768px) {
	.page-about-left{width: 100%; padding: 0;}
	.page-about-right{display: none;}
}

.pg-culture{ background-image: url(../images/odi_comdesc-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.pg-culture ul{padding: 80px 0 0;}
.pg-culture ul li{float: left; width: 25%; padding: 0 20px; text-align: center; color: #fff;}
.pg-culture ul li h3{ padding: 15px 0; font-size: 18px;}
.pg-culture ul li p{ padding: 0 35px;}
@media (max-width:768px) {
	.pg-culture ul li{ width: 33.33%; margin-bottom: 15px;}
}
@media (max-width:640px) {
	.pg-culture ul li{ width: 50%;}
}
@media (max-width:480px) {
	.pg-culture ul li{ width: 100%;}
}


.pg-comdesc-plance .swiper-container{width: 90%; margin: 50px auto 0;}
.pg-comdesc-plance .swiper-container .swiper-slide img{width: 100%;}


/* team */
.pg-team ul li{ }
.pg-team ul li a{display: block; padding: 10px; background:#F7F7F7;}
.pg-team-pic{width: 25%;}
.pg-team-pic img{width: 100%;}
.pg-team-info{width: 70%; padding:40px 25px 0; font-family: arial; }
.pg-team-info h3{font-size: 20px;  margin-bottom: 25px;}
.pg-team-info h3 span{display: inline-block; padding-left: 10px; font-size: 14px; color: #777;}
.pg-team-info p {font-size: 16px; color: #777;}


.pg-team ul li a:hover{ background-color: #E60011;}
.pg-team ul li a:hover .pg-team-info h3,
.pg-team ul li a:hover .pg-team-info h3 span,
.pg-team ul li a:hover .pg-team-info p{ color: #fff;}
@media (max-width:1200px) {
	.pg-team ul li{background-image: none;}
	.pg-team-pic{width: 25%;}
	.pg-team-info{width: 75%; padding:20px 25px 0; }
}

@media (max-width:840px) {
	.pg-team-pic{width: 35%;}
	.pg-team-info{width: 65%;}
}
@media (max-width:768px) {
	.pg-team-pic{display: none;}
	.pg-team-info{width: 100%;padding: 15px; }
}

@media (max-width:768px) {
	.pg-team-info p span{text-indent: 0; }
}


.page-company-ask{padding-bottom: 60px; background-color: #f5f5f5;}
.page-company-ask ul{min-height: 400px;}
.page-company-ask ul li{position: relative; float: left;}
.page-company-ask ul li a{position: absolute; top: 0; left: 0; z-index: 2; display: block;width: 170px; height: 170px;  border: 1px solid #ccc; transform: rotate(45deg); background-color: #fff; box-shadow: 10px 10px 15px rgba(30,77,150,.1); overflow: hidden;}
.page-company-ask ul li:first-child{left: 30px;}
.page-company-ask ul li:nth-child(3){left: 350px;}
.page-company-ask ul li:nth-child(5){left: 660px;}
.page-company-ask ul li:nth-child(7){left: 970px;}
.page-company-ask ul li:nth-child(even) a{top: 150px;}
.page-company-ask ul li:nth-child(2){left: 190px;}
.page-company-ask ul li:nth-child(4){left: 505px;}
.page-company-ask ul li:nth-child(6){left: 815px;}

.page-company-ask-ico{position: absolute; top:20px; left: 0; z-index: 1; transform: rotate(-45deg); text-align: center;}
.page-company-ask-ico h1{  font-style: italic; font-family: arial;}
.page-company-ask-ico h1 img{max-width: 100%;}
.page-company-ask-ico h3{padding-top: 5px; padding: 5px 25px 0; font-size: 16px;}
@media (max-width:1200px) {
	.page-company-ask ul{background: none;min-height: auto;}
	.page-company-ask ul li{width: 14.28%; left: inherit!important; padding:0 5px; }
	.page-company-ask ul li a{position: static;transform: rotate(0); width: auto; height: auto; padding: 15px  0; border-radius:10px; margin: 0 auto 15px;}
	.page-company-ask-ico{position: static;transform: rotate(0);}
	.page-company-ask-ico h3{padding-top: 5px; padding: 5px; height: 40px; overflow: hidden; font-size: 14px;}
}
@media (max-width:768px) {
	.page-company-ask ul li{width: 25%; }
}
@media (max-width:640px) {
	.page-company-ask ul li{width: 33.33%; }
}
@media (max-width:440px) {
	.page-company-ask ul li{width: 50%; }
}


.pg-zzbs-process{background-image: url(../images/odi_process-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.pg-zzbs-process ul li{float: left; width: 16.66%; text-align: center; color: #fff;}
.pg-zzbs-box img{display: block; margin: 0 auto 15px; max-width: 100%;}
.pg-zzbs-process ul li h3{font-size: 40px; font-family: arial;}
.pg-zzbs-process ul li p.biao{font-size: 40px; font-family: arial;}
.pg-zzbs-process ul li p{height: 60px; overflow: hidden; font-size: 16px; padding: 0 15px;}
@media (max-width:1200px) {
	.pg-zzbs-process ul li{ width: 33.33%; margin-bottom: 15px; }
	.pg-zzbs-box img:last-child{display:none;}
}

@media (max-width:768px) {
	.pg-zzbs-process ul li{ width: 50%; }
}

@media (max-width:640px) {
	.pg-zzbs-process ul li{ width: 100%; }
	.pg-zzbs-process ul li p{height: auto;}
}

.pg-zzbs-data{display: block; padding: 25px; background:#F7F7F7;}
.pg-zzbs-datapic{width: 35%;}
.pg-zzbs-datapic img{width: 100%;}
.pg-zzbs-datainfo{width: 65%; padding:40px 25px 0; font-family: arial; }
.pg-zzbs-datainfo ul li{margin-bottom: 18px;}

.pg-zzbs-datainfo h3{font-size: 20px;  margin-bottom: 25px;}
.pg-zzbs-datainfo p span { margin-right: 5px; display: inline-block;width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; border-radius: 50%; background-color: #E60011; font-size: 14px;}
.pg-zzbs-datainfo p {font-size: 16px; color: #777;}

@media (max-width:1200px) {
	.pg-zzbs-datapic{width: 50%;}
	.pg-zzbs-datainfo{width: 50%; padding:20px 25px 0;  }
}

@media (max-width:940px) {
	.pg-zzbs-datapic{display: none;}
	.pg-zzbs-datainfo{width: 100%; padding:0; }
	.pg-zzbs-datainfo ul li:last-child{margin-bottom: 0;}
}

.pg-zzbs-know {background-color: #f5f5f5;}
.pg-zzbs-know .container-width{overflow: hidden;}
.pg-zzbs-know ul{margin-right: -25px;}
.pg-zzbs-know ul li{float: left; width: 25%; padding-right: 25px;}
.pg-zzbs-know ul li a{ position: relative; display: block;}
.pg-zzbs-know ul li a img{width: 100%;}
.pg-zzbs-know-mask{position: absolute; bottom: 0; left: 0; padding: 10px; width: 100%; font-size: 18px; color: #fff; background-color: rgba(0,0,0,.7);}
.pg-zzbs-know-mask i{margin-top: 4px;}
.pg-zzbs-know ul li a:hover .pg-zzbs-know-mask{background-color: rgba(230, 0, 17,.7);}

@media (max-width:960px) {
	.pg-zzbs-know ul li{ width: 50%;}
}

@media (max-width:768px) {
	.pg-zzbs-know ul li{ width: 100%; margin-bottom: 15px;}
}

.pg-hk-reg{background-color: #f5f5f5;}
.pg-hk-reg ul{float: left; width: 35%;}
.pg-hk-reg-box{position: relative;display: flex; align-items: center;  margin-bottom: 35px; padding: 15px; height: 80px;  border-radius: 6px; background-color: #fff;}

.pg-hk-reg-img{float: left;width: 30%; padding:0 10px; text-align: center;}
.pg-hk-reg-img img{max-width: 100%;}

@media (max-width:975px) {
	.pg-hk-reg .container-width{margin-left: -15px; overflow: hidden;}
	.pg-hk-reg ul{ width: 50%; padding-left: 15px;}
	.pg-hk-reg-img{display: none;}
}
@media (max-width:768px) {
	.pg-hk-reg .container-width{margin-left: 0; }
	.pg-hk-reg ul{ width: 100%; padding-left: 0;}
	.pg-hk-reg-box{height: 90px; margin-bottom: 15px; }
}


.pg-hk-needpic{width: 45%;}
.pg-hk-needpic img{width: 100%;}
.pg-hk-needinfo{width: 55%; padding-left:35px; font-family: arial; }
.pg-hk-needinfo p{line-height: 26px; font-size: 16px; color: #777;}


@media (max-width:1200px) {
	.pg-hk-needpic{width: 50%;}
	.pg-hk-needinfo{width: 50%; padding:0 25px 0;  }
}

@media (max-width:940px) {
	.pg-hk-needpic{display: none;}
	.pg-hk-needinfo{width: 100%; padding:0; }
	.pg-hk-needinfo ul li:last-child{margin-bottom: 0;}
}

/*  */
.pg-hkcompany-process{background-image: url(../images/odi_process-p1.jpg); background-position: center; background-size: cover;}
.pg-hkcompany-process ul{padding-top: 25px; padding-bottom: 40px; margin-right: -20px;}
.pg-hkcompany-process ul li{position: relative; float: left; width: 12.5%; padding: 0 20px 20px 0; text-align: center; margin-bottom: 10px;}
.pg-hkcompany-process ul li span{position: absolute; top: 45px; right: -2px; margin-top: -3px;}
.pg-hkcompany-process ul li img{max-width: 100%;}
.pg-hkcompany-process ul li h3{padding-top: 15px; font-size: 18px; color: #fff;overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.pg-hkcompany-process ul li p{padding: 15px 15px 0; font-size: 14px; color: #fff; font-family: arial;}
@media (max-width:1200px) {
	.pg-hkcompany-process ul{padding-top: 25px; padding-bottom: 20px;}
	.pg-hkcompany-process ul li{width: 25%;}
	.pg-hkcompany-process ul li span{display: none;}
	.pg-hkcompany-process ul li p{padding-bottom: 10px; }
}
@media (max-width:768px) {
	.pg-hkcompany-process ul{padding-top: 15px; padding-bottom:0;}
	.pg-hkcompany-process ul li{width: 50%;}
}


.sbzc-qusetion ul{margin-right: -15px;}
.sbzc-qusetion ul li{float: left; width: 33.33%; padding: 0 15px 15px 0;}
.sbzc-qusetion-box{display: block; padding: 25px;border-radius: 6px; background-color: #fff;border-bottom: 1px solid #eee;}
.sbzc-qusetion-box h3{position: relative; padding-bottom: 10px; padding-left: 40px;font-size: 18px; text-overflow:ellipsis ; white-space: nowrap; overflow: hidden;  }
.sbzc-qusetion-box h3 span,
.sbzc-qusetion-box p span{position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 4px; color: #fff; font-family: arial; text-align: center; font-size: 12px;}
.sbzc-qusetion-box h3 span{top: 1px; background-color: #F66560;}
.sbzc-qusetion-box p{position: relative;padding-left: 40px; height: 52px; color: #777;  line-height: 26px; overflow: hidden;}
.sbzc-qusetion-box p span{background-color: #F0A941;}
.sbzc-qusetion ul li a:hover h3{color:#E60011;}
@media (max-width:768px) {
	.sbzc-qusetion ul{margin-right:0;}
	.sbzc-qusetion ul li{ width: 100%; padding: 0 0 15px 0;}
	.sbzc-qusetion-box{padding: 15px;}
	.sbzc-qusetion-box p{ height: auto; }
}

/*  */

.zcgs-service{padding: 50px 0;}
.zcgs-service ul{ padding: 40px 0;}
.zcgs-service ul li{float: left; width: 20%; padding:10px; text-align: center;}
.zcgs-service-ico{position: relative; display: block; width: 180px; margin: 0 auto; background-color: #f5f5f5;}
.zcgs-service-ico .zcgs-service-imgtop,
.zcgs-service-ico .zcgs-service-imgbottom{position: absolute;left: 0;z-index: -1; width: 100%;}
.zcgs-service-imgtop{bottom: 105px;}
.zcgs-service-imgbottom{top: 105px;}
.zcgs-service-ico span{position: absolute; top: -70px; left: 50%; margin-left: -35px; z-index: 1; display: block; width: 70px; height: 70px;  border-radius: 50%;}
.zcgs-service-ico span img{width: 100%;}
.zcgs-service-ico h3{position: relative; padding:12px 0 15px; margin-bottom: 15px; font-size: 18px;}
.zcgs-service-ico h3:before{position: absolute;left: 50%; bottom: 0; z-index:1; margin-left: -15px; width: 30px; height: 1px; border-bottom: 1px solid #E60011; content: '';}
.zcgs-service-ico p{ padding: 0 10px; height: 40px; line-height: 22ox; overflow: hidden; color: #777;}

@media (max-width:960px) {
	.zcgs-service ul li{ width: 33.333%; margin: 60px 0;}
}
@media (max-width:768px) {
	.zcgs-service ul li{ width: 50%; }
}
@media (max-width:640px) {
	.zcgs-service ul li{ width: 100%; }
}

.pg-hk-checked{background-image: url(../images/odi_checked-bg.jpg); background-position: center; background-size: cover;}

.pg-hk-checked-table th{background-color: #E60011; color: #fff; font-size: 24px; padding: 10px 0;}
.pg-hk-checked-table td{ padding: 15px 10px;background-color: #fff; font-size: 16px; color: #777;}

.page-container{
	max-width: 1200px;
	margin: 0 auto;
}
@media (max-width: 1200px){
	.page-container{
		padding: 0 15px;
	}
}
.background{
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-title{
	text-align: center;
	padding-top: 55px;
	padding-bottom: 35px;
}
.page-title h3{
	color: #333;
	font-size: 32px;
}
.page-title img{
	margin: 15px 0;
}
.page-title p{
	color: #666;
	font-size: 16px;
}
.page-banner{
	width: 100%;
}
.page-banner>img{
	width: 100%;
}
@media (max-width: 1200px){
	.page-banner.odi>img{
		height: 330px;
		object-fit: cover;
	}
	.page-title{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.page-title h3{
		font-size: 28px;
	}
	.page-title img{
		margin: 15px 0;
	}
}
@media (max-width: 768px){
	.page-banner.odi>img{
		height: 300px;
	}
	.page-title{
		text-align: center;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.page-title h3{
		font-size: 22px;
	}
	.page-title img{
		margin: 10px 0;
	}
	.page-title p{
		font-size: 14px;
	}
}
@media (max-width: 500px){
	.page-banner.odi>img{
		height: 220px;
	}
}
/* 免费获取服务报价 */
.free-content .wpcf7.no-js form{
	display: flex;
	margin: 20px 50px 40px;
}
.free-content .wpcf7.no-js form .free-input{
    width: 37.104072%;
}
.free-content .wpcf7.no-js form .free-input p{
	width: 100%;
	height: 63px;
	border: 2px solid #ef1e25;
	border-radius: 4px 0 0 4px;
	border-right: none;
	position: relative;
}
.free-content .wpcf7.no-js form .free-input p::after{
	content: '';
	width: 1px;
	height: 22px;
	background: #d2d2d2;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.free-content .wpcf7.no-js form .free-input.tel p{
	border-radius: 0;
	border-left: none;
}
.free-content .wpcf7.no-js form .free-input.tel p::after{
	display: none;
}
.free-content .wpcf7.no-js form .free-input p input{
	width: 100%;
	height: 59px;
	font-size: 14px;
	padding: 0 45px;
}
.free-content .wpcf7.no-js form .free-input p img{
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
}
.free-content .wpcf7.no-js form>p{
    width: 25.33937%;
}
.free-content .wpcf7.no-js form>p button{
	color: #fff;
	font-size: 18px;
	width: 100%;
	height: 100%;
	background: #ef1e25;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
}
.free-dynamic{
	display: flex;
	align-items: center;
	border: 2px solid #e2e2e2;
	border-left:none ;
	border-right:none ;
	padding: 20px 0 10px;
	margin: 0 50px 20px;
}
.free-dynamic img{
	margin-right: 20px;
}
.free-dynamic .ul{
	margin-bottom: 10px;
}
.free-dynamic .ul li{
	display: inline-block;
}
.free-dynamic .ul li span{
	color: #999;
	font-size: 14px;
	margin-right: 20px;
}
@media (max-width: 768px){
	.free-content .wpcf7.no-js form{
		flex-wrap: wrap;
		justify-content: center;
	}
	.free-content .wpcf7.no-js form .free-input{
		width: 76%;
	}
	.free-content .wpcf7.no-js form .free-input p{
	    height: 45px;
	    border-right:2px solid #ef1e25;
		margin-bottom: 20px;
	}
	.free-content .wpcf7.no-js form .free-input p input{
	    height: 41px;
	}
	.free-content .wpcf7.no-js form .free-input.tel p{
		border-left: 2px solid #ef1e25;
	}
	.free-content .wpcf7.no-js form>p{
		width: 150px;
		height: 45px;
		border-radius: 4px;
	}
	.free-content .wpcf7.no-js form>p button{
		border-radius: 4px;
	}
	.free-dynamic{
		margin: 0 10px 20px;
	}
	
}
@media (max-width: 500px){
	.free-content .wpcf7.no-js form{
		margin: 10px 0 20px;
	}
	.free-content .wpcf7.no-js form .free-input{
		width: 90%;
	}
	.free-content .wpcf7.no-js form>p button{
		font-size: 16px;
	}
	.free-dynamic{
		padding: 10px 0 5px;
		margin-bottom: 10px;
	}
}
/* 服务项目 */
.odi-service{
	padding-bottom: 80px;
}
.service-content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.service-content .item{
	width: 23.75%;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 10px 10px #f9f9f9;
	padding-bottom: 20px;
}
.service-content .item .item-img{
	width: 100%;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.service-content .item .item-img img{
	width: 100%;
	transition: all .3s;
}
.service-content .item:hover .item-img img{
	transform: scale(1.1);
}
.service-content .item h4{
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
}
.service-content .item p{
	color: #999;
	font-size: 16px;
	margin: 10px 0 22px;
}
.service-content .item a{
	display: inline-block;
	width: 79%;
	height: 34px;
	line-height: 34px;
	color: #e60012;
	font-size: 16px;
	border: 1px solid #e60012;
	border-radius: 17px;
	transition: all .3s;
}
.service-content .item a:hover{
	color: #fff;
	background: #e60012;
}
@media (max-width: 1200px){
	.service-content .item h4{
		font-size: 18px;
	}
}
@media (max-width: 768px){
	.service-content .item{
		width: 48%;
		margin-top: 20px;
	}
	.odi-service{
		padding-bottom: 40px;
	}
}
@media (max-width: 500px){
	.service-content .item h4{
		font-size: 16px;
	}
	.service-content .item p{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.service-content .item a{
		width: 70%;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
}
/* 哪些企业需要办理境外投资备案？ */
.odi-record{
	background: #f7f7f7;
	padding-bottom: 80px;
}
.record-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.record-content .item{
	display: flex;
	width: 50%;
	background: #fff;
}
.record-content .item .item-img{
	width: 50%;
	overflow: hidden;
}
.record-content .item .item-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}
.record-content .item:hover .item-img img{
	transform: scale(1.1);
}
.record-content .item .item-main{
	width: 50%;
	padding: 30px 30px 47px;
	position: relative;
}
.record-content .item .item-main::after{
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 10px solid #fff;
	position: absolute;
	left: -20px;
	top: 30px;
	z-index: 9;
}
.record-content .item.left .item-main::after{
	border-right: 10px solid transparent;
	border-left: 10px solid #fff;
	left:auto ;
	right: -20px;
}
.record-content .item .item-main .img-top{
	display: block;
}
.record-content .item .item-main p{
	color: #333;
	font-size: 16px;
	line-height: 24px;
	margin-top: 20px;
}
.record-content .item .item-main .img-bottom{
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.record-content .item .item-main img{
	transition: all .3s;
}
.record-content .item:hover .item-main img{
	transform: translateX(10px);
}
@media (max-width: 768px){
	.odi-record{
		padding-bottom: 40px;
	}
	.record-content .item{
		width: 100%;
	}
}
@media (max-width: 500px){
	.record-content .item .item-main{
		padding: 10px;
	}
	.record-content .item .item-main p{
		font-size: 14px;
		margin-top: 10px;
	}
	.record-content .item .item-main .img-bottom{
		display: none;
	}
}
/* 申请所需材料 */
.odi-material{
	padding-bottom: 80px;
}
.odi-material>.page-container{
	max-width: 1500px;
}
@media (max-width: 1500px){
	.odi-material>.page-container{
		padding: 0 15px;
	}
	.odi-choose .page-container{
		padding: 0 15px;
	}
}
.material-content{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.material-content .item{
	display: flex;
	align-items: center;
	width: 32%;
	background: #fef2f3;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 20px;
}
.material-content .item span{
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #e60011;
	border-radius: 50%;
	margin-right: 10px;
}
.material-content .item p{
	color: #333;
	font-size: 16px;
}
.material-con{
	background-image: url(../images/odi_con_bg.jpg);
	border-radius: 10px;
	margin-top: 15px;
}
.material-con .page-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 35px 0;
}
.con-content h4{
	color: #fff;
	font-size: 23px;
}
.con-content p{
	color: #fff;
	font-size: 16px;
}
.con-tel{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.con-tel .tel-c{
	display: flex;
	align-items: center;
	margin: 0 70px;
}
.con-tel .tel-c p{
	color: #fff;
	font-size: 32px;
	font-weight: bold;
}
.con-tel .tel-c img{
	margin-right: 10px;
}
.material-con .page-container>a{
	color: #fff;
	font-size: 16px;
	border-radius: 19px;
	background: #e60011;
	padding: 8px 28px;
	margin-right: 70px;
}
@media (max-width: 1330px){
	.material-con .page-container .con-content{
		margin-left: 30px;
	}
}
@media (max-width: 1200px){
	.con-tel .tel-c{
		margin: 0 20px;
	}
	.con-content h4{
		font-size: 20px;
	}
	.con-content p{
		font-size: 14px;
	}
}
@media (max-width: 960px){
	.con-tel>img{
		display: none;
	}
	.con-tel .tel-c p{
		font-size: 28px;
	}
	.material-con .page-container>a{
		margin-right: 20px;
	}
}
@media (max-width: 860px){
	.material-con .page-container{
		flex-direction: column;
		padding: 20px 10px;
	}
	.material-con .page-container .con-content{
		margin-left: 0;
	}
	.con-tel{
		margin: 10px 0;
	}
}
@media (max-width: 768px){
	.material-content .item{
		width: 48%;
		padding: 15px;
	}
	.material-content .item span{
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 14px;
	}
	.material-content .item p{
		font-size: 14px;
	}
}
@media (max-width: 500px){
	.material-content{
		justify-content: center;
	}
	.material-content .item{
		width: 90%;
	}
	.con-content h4{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.con-content p{
		font-size: 12px;
	}
	.con-tel .tel-c p{
		font-size: 22px;
	}
	.con-tel .tel-c img{
		width: 25px;
	}
	.material-con .page-container>a{
		font-size: 14px;
		padding: 6px 28px;
	}
}
/* 为什么选择我们 */
.odi-choose{
	background: #f7f7f7;
}
.odi-choose .odi-grey{
	background: url(../images/odi_choose_bg.jpg) no-repeat top;
}
.odi-choose .page-container{
	max-width: 1500px;
}
.odi-choose .page-title h3,
.odi-choose .page-title p{
	color: #fff;
}
.choose-content{
	display: flex;
	margin-top: 15px;
}
.choose-content .item{
	width: 25%;
	text-align: center;
	background: #fff;
	padding: 48px 28px 80px;
	position: relative;
}
.choose-content .item:nth-child(2){
	background: url(../images/odi_choose02_bg.jpg);
}
.choose-content .item:nth-child(4){
	background: url(../images/odi_choose04_bg.jpg);
}
.choose-content .item p{
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin-top: 15px;
}
.choose-content .item:nth-child(2) p,
.choose-content .item:nth-child(4) p{
	color: #fff;
}
.choose-content .item .img-bottom{
	position: absolute;
	left: 50%;
	bottom: 48px;
	transform: translateX(-50%);
}
.choose-content .item img{
	transition: all .3s;
}
.choose-content .item:hover img:first-child{
	transform: translateY(-10px);
}
.choose-content .item:hover .img-bottom{
	bottom: 38px;
}
@media (max-width: 1200px){
	.choose-content .item{
		padding: 35px 25px 35px;
	}
	.choose-content .item .img-bottom{
		bottom: 15px;
	}
	.choose-content .item:hover .img-bottom{
		bottom: 25px;
	}
}
@media (max-width: 768px){
	.choose-content{
		flex-wrap: wrap;
		justify-content: center;
	}
	.choose-content .item{
		width: 80%;
	}
}
@media (max-width: 500px){
	.choose-content .item{
		width: 90%;
		padding-top: 25px;
	}
	.choose-content .item img:nth-child(1){
		width: 60px;
	}
}
/* 案例展示 */
.odi-case{
	background: #f7f7f7;
	padding-bottom: 100px;
}
.case-content{
	position: relative;
}
.case-content .case-item{
	background: #fff;
	border-radius: 10px;
	padding-bottom: 20px;
}
.case-content .case-item .img-box{
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	position: relative;
}
.case-content .case-item .img-box img{
	width: 100%;
}
.case-content .case-item .img-box .item-content{
	width: 100%;
	height: 100%;
	background: rgba(230, 0, 17, .5);
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(100%);
	transition: all .3s;
}
.case-content .case-item:hover .img-box .item-content{
	transform: translateY(0);
}
.case-content .case-item .img-box .item-content .content-box{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.case-content .case-item .img-box .item-content .content-box p{
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	white-space: nowrap;
}
.case-content .case-item>p{
	color: #333;
	font-size: 16px;
	line-height: 24px;
	padding: 0 20px;
	margin-top: 20px;
	position: relative;
}
.case-content .case-item>p::after{
	content: '';
	width: 4px;
	height: 15px;
	border-radius: 2px;
	background: #e60011;
	position: absolute;
	left: 0;
	top: 0;
}
.case-content .swiper-pagination{
	bottom: -50px;
}
.case-content .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background: #e60011;
	margin-top: 20px;
}
.case-content .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.case-content .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	color: #fff;
	font-size: 30px;
}
.case-content .swiper-button-next, .case-content .swiper-button-prev{
	width: 40px;
	height: 64px;
	background: #e60011;
}
.case-content .swiper-button-prev, .case-content .swiper-rtl .swiper-button-next{
	left: -70px;
}
.case-content .swiper-button-next, .case-content .swiper-rtl .swiper-button-prev{
	right: -70px;
}
.case-content .swiper-button-next.swiper-button-disabled, .case-content .swiper-button-prev.swiper-button-disabled{
	width: 40px;
	height: 64px;
	background: #c6c6c6;
	opacity: 1;
}
@media (max-width: 1400px){
	.odi-case{
		padding-bottom: 80px;
	}
	.case-content{
		padding: 0 50px;
	}
	.case-content .swiper-button-prev, .case-content .swiper-rtl .swiper-button-next{
		left: 0;
	}
	.case-content .swiper-button-next, .case-content .swiper-rtl .swiper-button-prev{
		right: 0;
	}
}
@media (max-width: 768px){
	.odi-case{
		padding-bottom: 60px;
	}
	.case-content{
		padding: 0;
	}
	.case-content .swiper-button-prev, .case-content .swiper-rtl .swiper-button-next{
		display: none;
	}
	.case-content .swiper-button-next, .case-content .swiper-rtl .swiper-button-prev{
		display: none;
	}
}
@media (max-width: 500px){
	.odi-case{
		padding-bottom: 40px;
	}
	.case-content .swiper-pagination{
		display: none;
	}
	.case-content .case-item>p{
		font-size: 14px;
		margin-top: 15px;
	}
	.case-content .case-item .img-box .item-content .content-box p{
		font-size: 14px;
	}
}
/* 关于我们 */
.odi-about{
	padding-bottom: 75px;
}
.about-content{
	display: flex;
	justify-content: space-between;
	background: #f7f7f7;
}
.about-content>img{
	width: 26.6667%;
	object-fit: cover;
}
.about-content .about-main{
	width: 65%;
	margin-right: 50px;
}
.about-main .main-title{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e7e7e7;
	padding: 35px 0 15px;
}
.about-main .main-title img{
	margin-right: 20px;
}
.about-main .main-title .title h3{
	color: #333;
	font-size: 24px;
}
.about-main .main-title .title p{
	color: #333;
	font-size: 12px;
	margin-top: 5px;
}
.about-main h4{
	display: flex;
	align-items: center;
	color: #333;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.about-main h4 img{
	margin-right: 10px;
}
.about-main>p{
	color: #333;
	font-size: 14px;
	line-height: 24px;
}
.about-main .env{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.about-main .env .item{
    width: 32%;
}
.about-main .env .item>img{
    width: 100%;
}
.about-main .env .item p{
	color: #666;
	font-size: 14px;
	margin-bottom: 20px;
}
.about-main .env .item p img{
	margin-right: 10px;
}
@media (max-width: 1200px){
	.about-content .about-main{
		width: 70%;
		margin-right: 10px;
	}
	.about-main .env .item{
		width: 33.3333%;
	}
	.about-main .env .item>img{
		width: 100%;
	}
}
@media (max-width: 768px){
	.about-content{
		justify-content: center;
		padding-bottom: 20px;
	}
	.about-content>img{
		display: none;
	}
	.about-content .about-main{
		width: 90%;
		margin: 0;
	}
	.about-main .main-title img{
		width: 150px;
	}
	.about-main .main-title .title h3{
		font-size: 20px;
	}
	.about-main .env{
		margin-top: 20px;
	}
}
@media (max-width: 500px){
	.about-main .main-title{
		flex-direction: column;
		padding-top: 25px;
	}
	.about-main .main-title .title h3{
		font-size: 18px;
	}
	.about-main .env{
		flex-wrap: wrap;
		justify-content: center;
	}
	.about-main .env .item{
		width: 95%;
		margin-bottom: 10px;
	}
}
/* 公司注册 */
.padding-bottom{
	padding-bottom: 80px;
}
.ove-title{
	padding: 50px 0 35px;
}
.ove-title h3{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #e60011;
	font-size: 32px;
	font-weight: bold;
}
.ove-title h3>img{
	margin: 5px 20px 0;
}
@media (max-width: 1200px){
	.padding-bottom{
		padding-bottom: 60px;
	}
	.ove-title h3{
		font-size: 30px;
	}
}
@media (max-width: 768px){
	.padding-bottom{
		padding-bottom: 40px;
	}
	.ove-title{
		padding: 30px 0 25px;
	}
	.ove-title h3{
		font-size: 22px;
	}
	.ove-title h3>img{
		width: 35px;
    	margin: 3px 5px 0;
	}
}
.page-banner.ove{
	position: relative;
}
.page-banner .banner-ove{
	position: absolute;
	top: 50%;
	left: 18.75%;
	transform: translateY(-50%);
}
.page-banner .banner-ove h2{
	color: #fff;
	font-size: 62px;
	font-weight: bold;
}
.page-banner .banner-ove p{
	color: #fff;
	font-size: 28px;
	margin: 5px 0 25px;
}
.page-banner .banner-ove span{
	display: inline-block;
	color: #fff;
	font-size: 28px;
	background: #e60011;
	border-radius: 4px;
	padding: 5px 14px;
}
.page-banner .banner-ove span img{
	margin-right: 10px;
	margin-bottom: 5px;
}
@media (max-width: 1200px){
	.page-banner.ove>img{
		height: 360px;
		object-fit: cover;
	}
	.page-banner .banner-ove{
		left: 50px;
	}
	.page-banner .banner-ove h2{
		font-size: 50px;
	}
	.page-banner .banner-ove p{
		font-size: 24px;
	}
	.page-banner .banner-ove span{
		font-size: 24px;
		padding: 3px 14px;
	}
	.page-banner .banner-ove span img{
		width: 28px;
	}
}
@media (max-width: 768px){
	.page-banner.ove>img{
		height: 300px;
		object-fit: cover;
	}
	.page-banner .banner-ove{
		left: 25px;
	}
	.page-banner .banner-ove h2{
		font-size: 30px;
	}
	.page-banner .banner-ove p{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.page-banner .banner-ove span{
		font-size: 18px;
		padding: 3px 10px;
		padding-top: 5px;
	}
	.page-banner .banner-ove span img{
		width: 22px;
		margin-bottom: 3px;
	}
}
/* 注册公司简介 */
.int-content{
	display: flex;
	align-items: flex-end;
	position: relative;
}
.int-content .bg-red{
	width: 45%;
	height: 280px;
	border-radius: 10px;
	background: #e60011;
	z-index: 1;
}
.int-content .int-main{
	width: 55%;
	min-height: 365px;
	border-radius: 10px;
	box-shadow: 0 0 10px 10px #f9f9f9;
	padding: 65px 65px 65px 130px ;
}
.int-content .int-main h4{
	color: #333;
	font-size: 26px;
	margin-bottom: 20px;
}
.int-content .int-main p{
	color: #666;
	font-size: 16px;
	line-height: 30px;
}
.int-content .int-img{
	width: 48.33333%;
	border-radius: 10px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 2;
}
@media (max-width: 1050px){
	.int-content .int-main{
		padding: 30px 30px 45px 85px;
	}
	.int-content .int-img{
		height: 280px;
		object-fit: cover;
	}
}
@media (max-width: 768px){
	.int-content{
		justify-content: center;
		background-image: url(../images/odi_ove_int.jpg);
		padding: 20px 0;
	}
	.int-content .bg-red{
		display: none;
	}
	.int-content .int-main{
		width: 90%;
		min-height: auto;
		background: #fff;
		box-shadow: none;
		padding: 20px;
	}
	.int-content .int-main h4{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.int-content .int-main p{
		font-size: 14px;
		line-height: 26px;
	}
	.int-content .int-img{
		display: none;
	}
}
/* 企业注册新加坡公司优势 */
.ove-merit{
	background: #f7f7f7;
}
.merit-content{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.merit-content .item{
	width: 23.75%;
	background: #fff;
	border-radius: 10px;
	padding-bottom: 20px;
}
.merit-content .item .item-img{
	width: 100%;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.merit-content .item .item-img img{
	width: 100%;
	transition: all .3s;
}
.merit-content .item:hover .item-img img{
	transform: scale(1.1);
}
.merit-content .item h4{
	color: #333;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 0 20px;
	margin: 25px 0 10px;
}
.merit-content .item p{
	color: #666;
	font-size: 16px;
	line-height: 30px;
	padding: 0 20px;
}
@media (max-width: 768px){
	.merit-content .item{
		width: 48%;
		margin-top: 10px;
	}
	.merit-content .item h4{
		font-size: 16px;
		padding: 0 10px;
		margin: 10px 0 5px;
	}
	.merit-content .item p{
		font-size: 14px;
		line-height: 26px;
		padding: 0 10px;
	}
}
/* 5步快速注册公司 */
.ove-step{
	background-image: url(../images/odi_step_bg.jpg);
}
.ove-step .ove-title h3{
	color: #fff;
}
.ove-step .ove-title h3 strong{
	color: #e60011;
	font-size: 48px;
	margin-right: 10px;
}
.step-content{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	position: relative;
}
.step-content::before{
	content: '';
	width: 83.3333%;
	height: 2px;
	background:	rgba(255, 255, 255, .2);
	position: absolute;
	top: -45px;
	left: 50%;
	transform: translateX(-50%);
}
.step-content .item{
	width: 17.5%;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	padding-top: 30px;
	padding-bottom: 10px;
	position: relative;
}
.step-content .item::before{
	content: '';
	width: 14px;
	height: 14px;
	background-image: url(../images/odi_point.png);
	position: absolute;
	top: -44px;
	left: 50%;
	transform: translate(-50%,-50%);
}
.step-content .item p{
	color: #333;
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px;
	padding: 0 25px;
}
.step-content .item span{
	color: #fff;
	font-size: 20px;
	white-space: nowrap;
	background: #e60011;
	border-radius: 16px;
	padding: 3px 18px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}
@media (max-width: 1200px){
	.step-content .item img{
		width: 80px;
	}
	.step-content .item p{
		padding: 0 10px;
	}
}
@media (max-width: 768px){
	.ove-step .ove-title{
		padding-bottom: 20px;
	}
	.ove-step .ove-title h3 strong{
		font-size: 30px;
	}
	.step-content{
		flex-wrap: wrap;
		margin-top: 0;
	}
	.step-content::before,
	.step-content .item::before{
		display: none;
	}
	.step-content .item img{
		width: 60px;
	}
	.step-content .item{
		width: 48%;
		margin-top: 20px;
	}
	.step-content .item span{
		font-size: 16px;
	}
}
/* 企业的形式 */
.form-content{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.form-content .item{
	width: 23.75%;
	background-image: url(../images/odi_form01.png);
	border-radius: 0 70px 0 70px;
	padding: 30px;
}
.form-content .item:nth-child(2){
	background-image: url(../images/odi_form02.png);
}
.form-content .item:nth-child(3){
	background-image: url(../images/odi_form03.png);
}
.form-content .item:nth-child(4){
	background-image: url(../images/odi_form04.png);
}
.form-content .item .item-box{
	width: 100%;
	text-align: center;
	background: rgba(230, 0, 17, .4);
	border: 1px solid #c60e1b;
	border-radius: 0 40px 0 40px;
	padding: 9px 0;
}
.form-content .item .item-box p{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}
@media (max-width: 990px){
	.form-content{
		justify-content: space-around;
	}
	.form-content .item{
		width: 43%;
		margin-bottom: 20px;
	}
}
@media (max-width: 600px){
	.form-content{
		justify-content: center;
	}
	.form-content .item{
		width: 90%;
	}
	.form-content .item .item-box p{
		font-size: 16px;
		font-weight: normal;
	}
}
/* 为什么选择我们 */
.ove-vs{
	background: #f7f7f7;
}
.vs-content{
	display: flex;
	justify-content: space-between;
	background-image: url(../images/odi_vs.png);
	border-radius: 10px;
	padding: 45px 50px 45px 60px;
}
.vs-content h4{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-left: 20px;
}
.vs-content .vs-list{
	display: flex;
}
.vs-content .vs-list .list-item{
	margin-left: 20px;
}
.vs-content .vs-list p{
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-top: 25px;
}
.vs-content .vs-list p img{
	margin-right: 10px;
}
@media (max-width: 1130px){
	.vs-content{
		padding: 45px 50px;
	}
	.vs-content .vs-list{
		display: block;
	}
}
@media (max-width: 860px){
	.vs-content{
		padding: 25px 20px;
	}
	.vs-content h4{
		font-size: 20px;
	}
	.vs-content .vs-list p{
		font-size: 14px;
		margin-top: 15px;
	}
}
@media (max-width: 600px){
	.vs-content{
		flex-wrap: wrap;
		justify-content: center;
		background-image: none;
		padding: 0;
	}
	.vs-content .vs-left{
		width: 90%;
		background-image: url(../images/odi_vs_t.jpg);
		padding: 20px 0;
	}
	.vs-content .vs-right{
		width: 90%;
		background-image: url(../images/odi_vs_f.jpg);
		padding: 20px 0;
	}
	.vs-content h4{
		font-size: 18px;
	}
}
/* 我们的优势 */
.ove-adv{
	background-image: url(../images/odi_adv_bg.jpg);
}
.adv-content{
	background: url(../images/odi_adv_img1.png) no-repeat top center;
	padding: 20px 0;
	margin-top: 10px;
}
.adv-content .adv-list{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.adv-content .adv-list:first-child{
	padding-top: 10px;
}
.adv-content .adv-list .adv-item{
	display: flex;
	align-items: center;
	width: 20%;
}
.adv-content .adv-list .adv-item img{
	display: none;
}
.adv-content .adv-list .adv-item .item-text h4{
	color: #333;
	font-size: 20px;
	font-weight: bold;
}
.adv-content .adv-list .adv-item .item-text p{
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin-top: 15px;
}
@media (max-width: 1200px){
	.adv-content{
		background-size: 55%;
	}
	.adv-content .adv-list{
		margin-bottom: 35px;
	}
}
@media (max-width: 1050px){
	.adv-content .adv-list{
		margin-bottom: 20px;
	}
}
@media (max-width: 960px){
	.adv-content{
		background-image: none;
		padding: 0;
		margin-top: 0;
	}
	.adv-content .adv-list .adv-item{
		width: 48%;
	}
	.adv-content .adv-list .adv-item img{
		display: block;
		margin-right: 20px;
	}
	.adv-content .adv-list .adv-item .item-text h4{
		font-size: 18px;
	}
}
@media (max-width: 768px){
	.adv-content .adv-list{
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
	}
	.adv-content .adv-list .adv-item{
		width: 90%;
		margin-bottom: 20px;
	}
	.adv-content .adv-list .adv-item img{
		width: 60px;
	}
	.adv-content .adv-list .adv-item .item-text h4{
		font-size: 16px;
	}
	.adv-content .adv-list .adv-item .item-text p{
		font-size: 14px;
		margin-top: 10px;
	}
}
/* 热门问答 */
.ove-hot .ove-title{
	padding-bottom: 0;
}
.hot-content{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.hot-content .item{
	width: 48.3333%;
	border-radius: 10px;
	box-shadow: 0 0 10px 10px #f9f9f9;
	padding: 30px 25px 30px 30px;
	margin-top: 40px;
}
.hot-content .item .q {
	display: flex;
	align-items: center;
}
.hot-content .item .q a{
	color: #333;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.hot-content .item .q a:hover{
    color: #e60011;
}
.hot-content .item .q img{
	margin-right: 15px;
}
.hot-content .item .a {
	display: flex;
	align-items: flex-start;
	margin-top: 20px;
}
.hot-content .item .a p{
	color: #666;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.hot-content .item .a img{
	margin-right: 15px;
	margin-top: 5px;
}
@media (max-width: 768px){
	.hot-content .item .q a{
		font-size: 16px;
	}
	.hot-content .item .a{
		margin-top: 15px;
	}
	.hot-content .item .a p{
		font-size: 14px;
		line-height: 26px;
	}
	.hot-content .item .q img,
	.hot-content .item .a img{
		width: 20px;
		margin-right: 10px;
	}
}
@media (max-width: 600px){
	.ove-hot .ove-title{
		padding-bottom: 10px;
	}
	.hot-content{
		justify-content: center;
	}
	.hot-content .item{
		width: 90%;
		padding:20px;
		margin-top: 20px;
	}
	
}
/* 注册列表 */
.reg-banner{
	background-image: url(../images/odi_reg_banner.jpg);
	padding: 120px 0 55px;
}
.reg-banner h2{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 72px;
}
.reg-banner h2 img{
	margin-left: 10px;
}
.reg-banner .page-container>p{
	color: #fff;
	font-size: 36px;
	text-align: center;
	margin-top: 17px;
}
.reg-free{
	text-align: center;
	margin-top: 60px;
}
.reg-free h4{
	color: #fff;
	font-size: 22px;
}
.reg-free .reg-input .wpcf7.no-js form{
	display: flex;
	justify-content: center;
	margin-top: 28px;
}
.reg-free .reg-input .wpcf7.no-js form .input{
	width: 30%;
	height: 60px;
	position: relative;
}
.reg-free .reg-input .wpcf7.no-js form .input p input{
	width: 100%;
	height: 60px;
	font-size: 14px;
	border-radius: 4px;
	padding: 0 45px;
}
.reg-free .reg-input .wpcf7.no-js form .input p img{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
.reg-free .reg-input .wpcf7.no-js form .input.tel{
	margin: 0 10px;
}
.reg-free .reg-input .wpcf7.no-js form>p button{
	width: 180px;
	height: 100%;
	color: #fff;
	font-size: 18px;
	border-radius: 4px;
	background: #ef1e25;
	cursor: pointer;
}
.reg-free>ul{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.reg-free>ul li{
	color: #fff;
	margin: 0 20px;
}
.reg-free>ul li span{
	margin: 0 8px;
}
@media (max-width: 1200px){
	.reg-banner{
		padding: 100px 0 55px;
	}
	.reg-banner h2{
		font-size: 56px;
	}
	.reg-banner .page-container>p{
		font-size: 28px;
	}
	.reg-free{
		margin-top: 40px;
	}
	.reg-free .reg-input .wpcf7.no-js form .input{
		height: 45px;
	}
	.reg-free .reg-input .wpcf7.no-js form .input p input{
		height: 45px;
	}
	.reg-free .reg-input .wpcf7.no-js form>p button{
		width: 150px;
		font-size: 16px;
	}
}
@media (max-width: 960px){
	.reg-banner{
		padding: 90px 0 55px;
	}
	.reg-banner h2{
		font-size: 42px;
	}
	.reg-banner h2 img{
		width: 60px;
		margin-left: 10px;
	}
	.reg-banner .page-container>p{
		font-size: 28px;
	}
	.reg-free h4{
		font-size: 20px;
	}
}
@media (max-width: 768px){
	.reg-banner{
		padding: 45px 0 20px;
	}
	.reg-banner h2 {
		font-size: 20px;
	}
	.reg-banner h2 img {
		width: 35px;
		margin-left: 5px;
	}
	.reg-banner .page-container>p {
		font-size: 16px;
		margin-top: 10px;
	}
	.reg-free{
		margin-top: 30px;
	}
	.reg-free h4 {
		font-size: 16px;
	}
	.reg-free .reg-input .wpcf7.no-js form{
		flex-wrap: wrap;
	}
	.reg-free .reg-input .wpcf7.no-js form .input{
		width: 80%;
		margin-bottom: 10px;
	}
	.reg-free .reg-input .wpcf7.no-js form .input.tel{
		margin: 0;
		margin-bottom: 10px;
	}
	.reg-free .reg-input .wpcf7.no-js form>p{
	    height: 45px;
	}
	.reg-free .reg-input .wpcf7.no-js form>p button{
		font-size: 14px;
	}
	.reg-free>ul{
		flex-wrap: wrap;
	}
	.reg-free>ul li{
		margin-bottom: 5px;
	}
}
.reg-title{
	padding: 60px 0 20px;
}
.reg-title h3{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333333;
	font-size: 32px;
	font-weight: bold;
}
.reg-title h3>img{
	margin: 3px 20px 0;
}
.reg-company{
	background: #f7f7f7;
}
.company-content{
	display: flex;
	flex-wrap: wrap;
}
.company-content .item{
	width: 18.33333%;
	background: #fff;
	border-radius: 10px;
	margin-right: 2.083333%;
	margin-top: 20px;
	padding-bottom: 20px;
}
.company-content .item:nth-child(5n){
	margin-right: 0;
}
.company-content .item .item-img{
	width: 100%;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.company-content .item .item-img img{
	width: 100%;
	transition: all .3s;
}
.company-content .item:hover .item-img img{
	transform: scale(1.1);
}
.company-content .item h4{
	color: #333;
	font-size: 20px;
	font-weight: bold;
	padding: 0 20px;
	margin-top: 20px;
	transition: all .3s;
}
.company-content .item:hover h4{
	color: #e60011;
}
.company-content .item p{
	color: #666;
	font-size: 16px;
	line-height: 30px;
	padding: 0 20px;
	margin-top: 10px;
}
@media (max-width: 1200px){
	.company-content .item{
		width: 23%;
		margin-right: 2.5%;
	}
	.company-content .item:nth-child(5n){
		margin-right: 2.5%;
	}
	.company-content .item:nth-child(4n){
		margin-right: 0;
	}
}
@media (max-width: 768px){
	.company-content .item{
		width: 48%;
		margin-right: 0;
		padding-bottom: 10px;
	}
	.company-content .item:nth-child(5n){
		margin-right: 0;
	}
	.company-content{
		justify-content: space-between;
	}
	.reg-title{
		padding: 40px 0 20px;
	}
	.reg-title h3{
		font-size: 22px;
	}
	.reg-title h3>img{
		width: 40px;
	}
	.company-content .item h4{
		font-size: 16px;
		padding: 0 10px;
		margin-top: 10px;
	}
	.company-content .item p{
		font-size: 14px;
		line-height: 26px;
		padding: 0 10px;
	}
}


/*
Theme Name: 上海至臻
Theme URI:地址
Description: 上海网站建设
Version: 1.0 版本号
Author: 畔游科技
Author URI: www.shpanyou.com
Tags: 标签，多个用半角逗号隔开
*/
.layui-layer{transition: none;}
.pd50{padding: 50px 0;}
@media (max-width:768px) {
	.pd50{padding: 30px 0;}
}
/*banner*/
.banner .swiper-slide{display: block;}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-slide a{display: block;}
.banner .swiper-pagination .swiper-pagination-bullet{ width: 35px; height: 3px;border-radius: 0; background-color: #fff;}
/*  */
.index-title{position: relative; padding: 15px 0 10px;margin-bottom: 50px;  text-align: center;}
/* .index-title:before{position: absolute; bottom: 0; left: 50%;content: ''; width: 60px; height: 2px; margin-left: -30px; background-color: #E60011;} */
.index-title h3{padding-bottom: 5px; font-size: 24px;}
.index-title p.title{padding-bottom: 5px; font-size: 24px;}
.index-title p{font-family: arial; font-size: 16px; color: #777; text-transform: uppercase;}

.index-title-white:before{background-color: #fff;}
.index-title-white h3,
.index-title-white p{ color: #fff;}

@media (max-width:768px) {
	.pd50{padding: 25px 0;}
	.index-title{margin-bottom: 30px; }
	.index-title h3{padding-bottom: 5px; font-size: 22px; font-weight: bold;}
}
/*  */
.compasset ul li{position: relative; float: left; width: 25%; padding: 25px 0; text-align: center;}
.compasset ul li:before{position: absolute;  top: 50%; left: 0; content: ''; margin-top: -30px; width: 1px; height: 60px; background-color: #ccc;}
.compasset ul li:first-child:before{display: none;}
.compasset ul li span{position: relative; display: inline-block; font-size: 66px; font-family: arial; color: #E60011;}
.compasset ul li span b{position: absolute; top: -5px; right: -10px; font-size: 16px; color: #777; font-weight: normal;}
.compasset ul li p{font-size: 16px; color: #777;}
@media (max-width:860px) {
	.compasset ul li span{ font-size: 46px;}
	.compasset ul li span b{ top: -8px;}
}

@media (max-width:768px) {
	.compasset ul li{width: 50%; padding: 10px 0; }
	.compasset ul li:nth-child(3):before{display: none;}
	.compasset ul li span{ font-size: 26px;}
	.compasset ul li span b{ top: -8px;right: -15px; font-size: 12px;}
	.compasset ul li p{font-size: 16px; color: #777;}
}
/* 注册 */
.regcompany .container-width{overflow: hidden;}
.regcompany ul{margin-right: -25px;}
.regcompany ul li{float: left; width: 25%; padding-right:25px; margin-bottom: 25px;}
.regcompany-pic{overflow: hidden;}
.regcompany-pic img{width: 100%;}
.regcompany-txt{position: relative; padding: 15px 0 15px 15px; font-family: arial; border-bottom: 1px solid #ccc;overflow: hidden;}
.regcompany-txt h3{padding-bottom: 8px; font-size: 16px;}
.regcompany-txt p{font-size: 12px; color: #777;}
.regcompany-txt img{position: absolute; top: 50%; right: 0; margin-top: -7px;}
.regcompany ul li a:hover .regcompany-pic img{transform: scale(1.1 );}
@media (max-width:860px) {
	.regcompany ul li{float: left; width: 33.33%;}
}

@media (max-width:768px) {
	.regcompany ul li{float: left; width: 50%;}
}
@media (max-width:640px) {
	.regcompany ul li{float: left; width: 100%;}
}
/*  */
.service{background-image: url(../images/odi_service-bg.png); background-size: cover;}
.service .container-width{overflow: hidden;}
.service ul{margin-right: -45px;}
.service ul li{float: left; width: 33.33%; padding-right: 45px; margin-bottom: 45px; text-align: center;}
.service ul li a{display: block; padding: 25px 0;}
.service ul li h3{margin: 15px 0; font-size: 24px;}
.service ul li p{ padding:0 25px ; height: 50px;}
.service-ico{width: 70px; height: 70px; margin: 0 auto; background-position: 0 70px;}
.service ul li a:hover{ background-color: #E60011;}
.service ul li a:hover .service-ico{background-position: 0 0;}
.service ul li a:hover h3,
.service ul li a:hover p{color: #fff;}

@media (max-width:940px) {
	.service ul{margin-right: -25px;}
	.service ul li{float: left; width: 50%; padding-right: 25px; margin-bottom: 25px; text-align: center;}
}
@media (max-width:768px) {
	.service ul{margin-right: 0;}
	.service ul li{float: left; width: 100%; padding-right: 0; margin-bottom: 0; text-align: center;}
	.service{background-size: auto; background-position: bottom center;}
}
/*  */
.choose{background-image: url(../images/odi_choose-ng.jpg); background-repeat: no-repeat; background-size: cover;}

.choose ul {float: left;width: 40%;}
.choose ul:first-child li {padding-right: 140px; text-align: right;}
.choose ul:first-child li img{right: 20px;}

.choose ul:last-child li {padding-left: 140px;}
.choose ul:last-child li img{left: 20px;}

.choose ul li {position: relative; padding: 80px 0;}
.choose ul li:first-child {border-bottom: 1px solid #eee;}
.choose ul li img {position: absolute; top: 80px;  max-width: 100%;}

.choose ul li h3 {padding-bottom: 10px; font-size: 22px;color: #fff;}
.choose ul li p:nth-of-type(1) {padding-bottom: 10px; font-size: 22px;color: #fff;}
.choose ul li p {font-size: 16px;color: #fff;}
.choose-pic {float: left;  width: 20%; padding-top: 120px;}
.choose-pic img {max-width: 100%;}
@media (max-width:1200px) {
	.choose-pic {display: none;}
	.choose ul {width: 100%;}
	.choose ul li {padding: 20px 0!important; text-align: left!important;}
	.choose ul li img {display: none;}
}

@media (max-width:768px) {
	
}
/* about */
.about-left{float: left; width: 60%; text-align: center;}
.about-left img{max-width: 100%;}
.about-right{float: left; width: 40%;  font-family: arial;}
.about-right h3{color:#e60012 ;}
.about-right p:nth-of-type(1){color:#e60012 ;margin-bottom: 5px;}
.about-right h1{position: relative; padding: 15px 0; margin-bottom: 45px; font-size: 30px;}
.about-right p:nth-of-type(2){position: relative; padding: 15px 0; margin-bottom: 45px; font-size: 30px;}
.about-right h1:before{position: absolute; bottom: 0; left: 0; content: ''; width: 60px; height: 2px; background-color: #777; }
.about-right p:nth-of-type(2):before{position: absolute; bottom: 0; left: 0; content: ''; width: 60px; height: 2px; background-color: #777; }
.about-right p{margin-bottom: 25px; color: #777; font-size: 16px;}
.about-right a{display: inline-block; padding: 0 30px; line-height: 40px; border: 1px solid #ccc; text-transform: uppercase; }
.about-right a b{vertical-align: middle;margin-right: 5px; font-weight: normal;}
.about-right a:hover img{transform: translateX(8px);}

@media (max-width:980px) {
	.about-left{width: 45%; padding: 15px;}
	.about-right{width: 55%;}
}
@media (max-width:768px) {
	.about-left{display: none;}
	.about-right{width: 100%;}
}
/*  */
.team{background-color: #f5f5f5;}
.team .container-width{position: relative;}
.team .swiper-container{max-width: 1120px;}
.team .swiper-slide a{display: block;}
.team-pic{overflow: hidden;}
.team-pic img{width: 100%;}
.team-txt{padding: 25px 15px; font-family: arial; min-height: 186px;}
.team-txt h3{padding: 10px 0;}
.team-txt h3 i{font-style: normal; font-size: 12px; color: #999;}
.team-txt p{color: #777;}
.team-more{padding: 15px;font-family: arial;border: 1px solid transparent;}
.team .swiper-slide a:hover .team-pic img{transform: scale(1.1);}
.team .swiper-slide a:hover{background-color: #E60011;}
.team .swiper-slide a:hover .team-txt h3,
.team .swiper-slide a:hover .team-txt h3 i,
.team .swiper-slide a:hover .team-txt p{color: #fff;}
.team .swiper-slide a:hover .team-more{background-color: #fff;border: 1px solid #E60011; color: #E60011;}

@media (max-width:768px) {
	.team .swiper-container{max-width: 1120px; width: 88%;}
}
/*  */
.newscenter{background-color: #f5f5f5;}
.news-left{float: left; width: 40%;background-color: #E60011;}
.news-left img{width: 100%; }
.news-left video{width: 100%; }
.news-left .news-left-date{position: relative; float: left; width: 23%;min-height: 100px; text-align: center; }
.news-left .news-left-date h3{font-size: 30px; font-family: arial; padding-top: 45px;  margin-bottom: 5px;color: #fff;}
.news-left .news-left-date p{font-size: 16px; font-family: arial;color: #fff; line-height: 26px; }
.news-left .news-left-date span:nth-of-type(1){display: block;font-size: 30px; font-family: arial; padding-top: 45px;  margin-bottom: 5px;color: #fff;}
.news-left .news-left-date span:nth-of-type(2){display: block;font-size: 16px; font-family: arial;color: #fff; line-height: 26px; }

/*.news-left .news-left-date span{display: block; width: 40px; height:40px; line-height: 40px; border-radius: 40px; margin: 15px auto; text-align: center; font-family: simsun; font-size: 18px; background-color: #fff;}*/
.news-left .news-left-content{float: left; width: 77%; padding: 5px 25px 15px 0;} 
.news-left .news-left-content h3{ font-size: 18px; color: #fff; border-bottom: 1px solid #fff; padding-top: 15px; padding-bottom: 20px; margin-bottom:20px;} 
.news-left .news-left-content p{color: #fff; padding-top: 5px;line-height: 22px;}
.news-right{float: left; width: 60%; padding-left: 50px;}
.news-title {background-color: #F5F5F5; color: #777; overflow:hidden;}
.news-title li {float:left;padding:0 30px; margin-right: 15px; border-top:2px solid transparent;line-height:45px;font-size: 16px;  cursor:pointer;}
.news-title li:last-child{float: right; text-align: right; padding-right: 15px;}
.news-title li.cur {background-color: #E60011; color: #fff;}
.news-title-show.on {display:block;}
.news-title-show{padding-top:35px;display:none;}
.news-title-show ul li a{position: relative;display: block;padding: 20px; border-top: 1px solid #eee;}


.news-content{float: left; width: 75%;}
.news-content h3{ margin-bottom: 10px; font-size:18px ;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-content p{height: 40px;overflow: hidden; color: #888;}
.news-date{float: right; width: 25%; text-align: right; font-family: arial;}
.news-date h3{margin-bottom: 10px; font-size: 26px;}
.news-date span{margin-bottom: 10px; font-size: 26px;}
.news-date p{color: #888;}
.news-date img{opacity: 0;}

.news-title-show ul li a:hover:before{ background-color: #E60011; }
.news-title-show ul li a:hover img{opacity: 1;}
.news-title-show ul li a:hover .news-content h3,
.news-title-show ul li a:hover .news-date h3{color:  #E60011;}
.news-title-show ul li a:hover .news-date span{color:  #E60011;}
@media (max-width:1200px) {
	.news-title li {padding:0 20px; margin-right: 5px; }
	.news-title-show ul li a{padding: 20px; }
}
@media (max-width:860px) {
	.news-title-show ul li a{padding: 10px; }
}

@media (max-width:768px) {
	.news-left{ width:100%;}
	.news-right{ width: 100%; padding-left: 0; margin-top: 15px;}
	.news-title li {padding:0; font-size: 14px; text-align: center; width: 20%; margin: 0;line-height:40px;}
	.news-title-show{padding-top:15px;}
	.news-title-show ul li a{padding: 15px 0;}
	.news-date h3{font-size: 20px;}
	.news-content h3{margin-bottom: 10px; font-size:16px ;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.news-content p{height: auto; font-size: 14px;}
	
}
@media (max-width:640px) {
	.news-left-date{display: none;}
	.news-left .news-left-content{float: left; width: 100%; padding: 15px;}
	.news-content{width: 100%;}
	.news-date{display: none;}
	}
/*  */
.partner{background-image: url(../images/odi_partner-bg.jpg);background-repeat: no-repeat; background-size: cover;text-align: center;}
.partner ul li{float: left; width: 20%; padding: 8px;height:96px;}
.partner ul li a{ display: block; height: 120px; background-color: #fff; padding:10px 15px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;border: 1px solid #eee;}
.partner ul li img{max-width: 100%;height: auto!important;}

@media (max-width:960px) {
	.partner ul li{float: left; width: 33.33%; padding: 10px;}
}
@media (max-width:768px) {
	.partner ul li{float: left; width: 50%; padding: 5px;}
}

/*  */
.zhuangbility{ padding: 15px 0; background-color: #CF1728;}
.zhuangbility ul li{float: left; width: 25%; }
.zhuangbility-box {position: relative; padding:15px 15px 15px 90px;font-family: arial;}
.zhuangbility-box span{position: absolute; top: 0; left: 0; width: 80px; height: 80px; line-height: 80px; border-radius: 50%;  text-align: center;  }
.zhuangbility-box span img{ max-width: 100%;}
.zhuangbility-box h3{padding-bottom: 10px; font-size: 18px; color: #fff;}
.zhuangbility-box p:nth-of-type(1){padding-bottom: 10px; font-size: 18px; font-weight:bold;color: #fff;}
.zhuangbility-box p{color: #fff; font-size: 12px;}

@media (max-width:860px) {
	.zhuangbility ul li{width: 50%; margin-bottom: 15px;}
}
@media (max-width:768px) {
	.zhuangbility ul li{width: 100%;}
}



.more{text-align: center;}
.more a{display: inline-block; padding:0 50px; line-height: 45px; font-size: 16px;}
.more-radius a{border-radius: 45px;}
.more-dafualt a{background-color: #E60011; color: #fff;}