@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}
li,ul{
	list-style: none;
}
img{
	display: block;
}
@media screen and (max-width: 1920px) {
	html{
		font-size: 40px !important;
	}
}
@media screen and (max-width: 1600px) {
	html{
		font-size: 35px !important;
	}
}
@media screen and (max-width: 1200px) {
	html{
		font-size: 25px !important;
	}
}
/*顶部LOGO电话图*/
.lg_tu{
	overflow: hidden;
	width: 62.5%;
	margin: 0.5rem auto;
}
.lg_01{
	float: left;
}
.lg_01 img{
	max-height: 2rem;
}
.lg_02{
	float: right;
	line-height: 1rem;
	padding-left: 1.75rem;
	background-image: url("../img/dianhua_ico.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: 0 0;
	margin: 0.25rem 0;
	
}
.p0{
	font-size: 0.5rem;
	line-height: 0.5rem;
	padding-bottom: 0.2rem;
	letter-spacing: 0.09rem;
	border-bottom: 1px solid #0480b7;
	color: #666666;
}
.p2{
	font-size: 0.7rem;
	line-height: 0.8rem;
	color: #0480b7;
	letter-spacing: 0.03rem
}
/*导航栏样式*/
.na_dbox{
	width: 62.5%;
	margin: 0.5rem auto 0;
	box-shadow: 0 -1px 8px #ccc;
	position: relative;
}
.na_box {
	display: flex;
	clear: both;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}
.nav{
	width: 100%;
}
 /*li.one_nav:hover>a::before,li.one_nav.active>a::before{ display: block;}*/
.one_nav_a{
	float: left;
	width: 16.666%;
	text-align: center;
	text-decoration:none;
	font-size: 0.4rem;
	color: black;
	line-height: 1.5rem;
}
.act{
	font-weight: 600;
	color: white;
	background-color: #0480b7;/*-------------------------------------------选的主色调*/
}
.act2:hover{
	background-color: #edf2fc;
	color: #0480b7;
	font-weight: bold;
	transition: 0.3s;
}
.one_nav_a_logo img{
	height: 50px;
	margin-top: 15px;
}
 .two_nav{
	display: none;
	position: absolute;
	z-index: 102;
	top: 1.5rem;
	left: 0%;
	width: 90%;
	background-color: #f5f5f5;
	padding: 1.5rem 5% 2rem;
}
.two_nav h1{
	font-size: 0.5rem;
	margin: 0.5rem 0;
}
.two_nav a{
	text-decoration: none;
	color: black;
	line-height: 1rem;
	margin-right: 0.5rem;
	font-size: 0.4rem;
}
.two_nav a:hover{
	color: #0480b7;
	font-weight: bold;
	transition: 0.3s;
}
.hr{
	color: black;
	background-color: black;
}
/*导航栏样式*/
/*热门套餐*/
.hot_tc{
	width: 62.5%;
	margin: 1rem auto;
	overflow: hidden;
}
.hot_tc li{
	height: 5rem;
	float: left;
	border-radius: 0.2rem;
}
.hot_01{
	width: calc(26% - 0.5rem);
	background-image: url("../img/tc_tu.png");
	background-size: cover;
}
.hot_02{
	width: calc(37% - 0.5rem);
	/*background-color: #f0f6fa;*/
	background-image: url("../img/tc_bg2.png");
	background-size: cover;
}
.hot_bj{
	margin: 0 0.75rem;
}
.hot_01 h1{
	font-weight: 600;
	font-size: 1rem;
	letter-spacing: 0.1rem;
	color: white;
	text-align: center;
	line-height: 5rem;
}
.hot_02 h2,.hot_02 h3,.hot_02 a{
	text-align: center;
}
.hot_02 h2{
	color: #0480b7;
	font-size: 0.6rem;
	margin: 0.8rem auto 0.4rem;
}
.hot_02 h3{
	font-size: 0.4rem;
	opacity: 0.8;
}
.hot_02 a{
	text-decoration: none;
	font-size: 0.4rem;
	color: black;
	border: black solid 1px;
	display: block;
	margin: 0.7rem auto;
	line-height: 0.8rem;
	width: 3rem;
	border-radius: 0.4rem;
}
.hot_02 a:hover{
	transition: 0.3s;
	background-color: #0480b7;
	color: white;
	border: #0480b7 solid 1px;
}
.hot_02 span{
	color: #ff7e00;
	font-size: 0.8rem;
}
/*热门套餐*/

/*核名css*/
.hm_dbox{
	background-image: url("../img/hm_bg.png");
	background-size: cover;
	overflow: hidden;
	padding-bottom: 1.5rem
}
		.bd_box{/*表单总的盒子*/
			width: 62.5%;
			overflow: hidden;
			margin: 1.5rem auto;
		}
		input{
			background: none;
	  		outline: none;
	  		border: none;
		}
		.bd_nr_box{/*表单内容的盒子*/
			float: left;
			width: 65%;/*总盒子的60%*/
/*			background-color: antiquewhite;*/
			overflow: hidden;
		}
		.bd_nr_box li{
			float: left;
			font-size: 0.4rem;
			height: 0.75rem;
		}
		.bd_bt{
			width: 2rem;
			text-align: left;
			font-size: 0.4rem;
			line-height: 0.75rem;
		}
		.bd_nr{
			width: calc(50% - 3rem);
		}
		.bd_nr input{
			border: #0480b7 solid 1px;
			padding: 0 0 0 0.3rem;
			height: 0.7rem;
			font-size: 0.4rem;
			width: calc(100% - 0.15rem);
			border-radius: 0.1rem;
		}
		.bd_bt_2{
			margin-left: 1rem;
		}

/*验证码样式*/
		.yzm{
			float: left;
			width: calc(35% - 3rem);
			overflow: hidden;
/*			background-color: aqua;*/
		}
		.yzm li{
			float: left;
		}
		.yzm_01,.yzm_02,.yzm_03{
			width: 33.3%;
		}
		.yzm_01 .code{/*验证码样式*/
			font-family:Arial;
			font-style:italic;
			color:#0480b7;
			font-size:0.5rem;
			border:0;
			letter-spacing:2px;
			font-weight:bolder;            
			float:left;           
			cursor:pointer;
			height:0.75rem;
			line-height:0.8rem;
			text-align:center;
			background-color:#ddd;
			width: 100%;
		}
		.yzm_02{
			line-height: 0.75rem;
			font-size: 0.4rem;
			text-align: right;
		}
		.yzm_03{
			font-size: 0.4rem;
		}
		.yzm_03 input{
			padding: 0 0 0 0.5rem;
			font-size: 0.4rem;
			border: #0480b7 solid 1px;
			height: 0.7rem;
			width: calc(100% - 0.55rem);
			border-radius: 0.1rem;
		}
/*立即核名按钮的样式*/
		.ljhm input{
			background-color: #0480b7;
			float: right;
			width: 2rem;
			text-align: center;
			line-height: 0.7rem;
			border: 1px solid #0480b7;
			color: white;
			cursor: pointer;
			font-size: 0.35rem;
			border-radius: 0.1rem;
		}
		.ljhm input:hover{
			border: 1px solid #0480b7;
			background-color: rgba(0,0,0,0);
			color: #0480b7;
			transition: 0.3s;
		}
/*核名结果*/
.zong{
	overflow: hidden; 
	width: 62.5%;
	margin: auto;
	
}
.a1,.a2{
	width: calc(50% - 1px);
	float: left;
	font-size: 0.35rem;
}
.xian{
	background: #ccc; 
	float: left; 
	width: 0.05rem;
	height: 3rem;
}
.chaxunjeiguo{
	font-weight: 600;
	margin-bottom: 0.5rem;
	font-size: 0.4rem;
	line-height: 0.5rem;
	overflow: hidden;
}
.chaxunjeiguo p{
	float: left;
}
._container {
	height: 0.5rem;
	overflow: hidden;
	text-align: center;
	float: left;
	color: red;
	margin: 0 0.1rem;
}
._container li {
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.4rem;
}
._container li:first-child {
	margin-top: 0px;
	transition: margin-top .5s;/*此处可修改每次滚动持续时间*/
}

/*核名公司展示*/
#demo{
  overflow:hidden;
  height:3rem;
  max-width:100%; 
  position:relative;
}
#demo1{
  height:auto;
  text-align:left;
}
#demo1 a,#demo2 a{
	text-decoration: none;
	color: #0480b7;
}
#demo2{
  height:auto;
  text-align:left;
}
#demo1 li{/*第一圈*/
  list-style-type:none;
  height:0.5rem;
  text-align:left;
  margin-top: 14px;
}
#demo2 li{/*第二圈*/
  list-style-type:none;
  height:0.5rem;
  text-align:left;
  margin-top: 0.4rem;

}

/*这是第二组的滚动字幕的样式*/
#demo5{
  overflow:hidden;
  height:3rem;
  max-width:100%;
  float: right;
  position:relative;
}
#demo3{
  height:auto;
  text-align:left;
}
#demo3 a,#demo4 a{
	text-decoration: none;
	color: #0480b7;
}
#demo4{
  height:auto;
  text-align:left;
}
#demo3 li{/*第一圈*/
  list-style-type:none;
  height:22px;
  text-align:left;
  margin-top: 14px;
}
#demo4 li{/*第二圈*/
  list-style-type:none;
  height:22px;
  text-align:left;
	margin-top: 14px;

}
/*核名css*/

/*烦恼栏*/
.fn-box{
	width: 80%;
	margin: 0 auto 1.5rem;
}
.fn-box img{
	max-width: 100%;
}
/*烦恼栏*/

/*五大极致服务*/
.fw_dbox{
	padding: 0 18.75% 1.2rem;
	width: 62.5%;
	overflow: hidden;
	background-color: #f0f6fa;
}
.bt_01{
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1rem;
	text-align: center;
	margin: 1.5rem auto 1rem;
	color: #0480b7;
}
/*.bt_01 span{
    background-image: -webkit-linear-gradient(bottom, rgb(35,18,135) 0%, rgb(255,126,0) 100%);
    background-image: -o-linear-gradient(bottom, rgb(35,18,135) 0%, rgb(255,126,0) 100%);
    background-image: linear-gradient(to right, rgb(51,142,255) 0%, rgb(35,18,135) 100%);
    -webkit-background-clip: text;背景通过文字剪切
    color: transparent;文字透明色，让背景通过剪切文字显示出来
}*/
.fw_box{
	width: 100%;
	margin: auto;
}
.fw_dbox li{
	float: left;
	position: relative;
	width: calc(20% - 20px);
	margin-right: 25px;
	overflow: hidden;
	cursor: pointer;
	border-radius: 0.2rem;
}
.fw_dbox li:last-child{
	margin-right: 0;
}
.fw_dbox ul>img{
	transform:scale(1.6,1.6);
	max-width: 100%;
}
.fw_dbox li:hover img{
	transform:scale(1.3,1.3);
	transition: 0.3s;
}
.fw_zz,.fw_dbox h2,.fw_dbox .p1,.fw_dbox .p2{
	position: absolute;
	color: white;
}
.fw_zz{
	background-color: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
.fw_dbox li:hover .fw_zz{
	background-color: rgba(0,0,0,0.6);
	transition: 0.3s;
}
.fw_dbox h2{
	font-size: 0.55rem;
	z-index: 5;
	line-height: 0.7rem;
	top: calc(50% - 0.3rem);
	letter-spacing: 0.1rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.fw_dbox li:hover h2{
	top: 40%;
	letter-spacing: 0;
	color: #ff7e00;
	transition: 0.3s;
}
.fw_dbox .p1,.fw_dbox .p2{
	z-index: 5;
	width: 100%;
	text-align: center;
	font-size: 0.35rem; 
	opacity: 0;
}
.fw_dbox .p1{
	top: 60%;
}
.fw_dbox .p2{
	top: 68%;
}
.fw_dbox li:hover .p1,.fw_dbox li:hover .p2{
	opacity: 0.8;
	transition: 0.3s;
}
.fw_dbox li:hover .p1{
	top: 55%;
}
.fw_dbox li:hover .p2{
	top: 63%;
}
/*五大极致服务*/
/*合作伙伴*/
.hz_box{
	overflow: hidden;
	padding: 0 18.75% 1rem;
}
.hz_box li{
	float: left;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	border-radius: 50%;
	width: calc(10% - 2px);
	margin-right: 2.857%;
	margin-bottom: 0.5rem;
	border: rgba(255,255,255,0) solid 1px;
}
.hz_box li:nth-child(8n){
	margin-right: 0;
}
.hz_box li:hover{
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.35);
	border: #ccc solid 1px;
	transition: 0.3s;
	cursor: pointer;
}
.hz_box li>img{
	width: 100%;
}
/*合作伙伴*/
/*侧边商务通按钮*/
.ce_nav{
	background-color: white;
	width: 4rem;
	height: 9rem;
	position: fixed;
	left: 0;
	top: calc(50% - 5rem);
	padding-top: 2rem;
	border-radius: 0.15rem;
	z-index: 9999;
	background-image: url("../img/ce_nav_bg.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	border: 1px solid #0480b7;
}
.ce_nav a{
	font-size: 0.35rem;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #0480b7;
	line-height: 0.8rem;
	background-color: rgba(153,217,232,0.4);
	border-radius: 0.4rem;
	margin: 0.35rem auto;
	width: 3rem;
	padding-left: 0.32rem;
	background-image: url("../img/kf_icon.png");
	background-repeat: no-repeat;
	background-size: auto 1.6rem;
	background-position: 0 0;
}
.ce_nav a:hover{
	background-color:#0480b7;
	color: white;
	transition: 0.3s;
	background-position: 0 100%;
}
/*侧边商务通按钮*/
/*底部导航栏*/
.bot_nav_box{
	background-color: #0480b7;
	color: white;
	overflow: hidden;
	padding: 2rem 18.75%;
}
.bot_nav_box li{
	float: left;
	width: 16.667%;
}
.bot_nav_box ul{
	float: right;
	width: 16.667%;
}
.bot_nav_box ul>img{
	float: right;
	width: 100%;
}
.bot_nav_box ul>p{
	font-size: 0.4rem;
	clear: both;
	text-align: center;
	line-height: 2rem;
	font-weight: bold;
}
.bot_nav_box h2{
	font-size: 0.4rem;
}
.bot_nav_box .sk{
	width: 1rem;
	height: 4px;
	margin: 0.3rem 0 0.4rem;
	background-color: #ff7e00;
}
.bot_nav_box a{
	font-size: 0.35rem;
	text-decoration: none;
	color: white;
	display: block;
	opacity: 0.8;
	line-height: 0.8rem;
}
.bot_nav_box a:hover{
	color: #ff7e00;
	transition: 0.3s;
}
/*底部导航栏*/
/*版权栏*/
.banquan{
	text-align: center;
	font-size: 0.25rem;
	line-height: 1rem;
}
.banquan a{
	text-decoration: none;
	color: black;
}
/*版权栏*/

/*PC端隐藏移动内容*/

@media screen and (min-width: 1000px){
	.top-nav-box,.md-dbdt-box,.md-yw-box,.md-tc-box,.md-bt,.md-fn-box,.md-fw-dbox,.md-bq-box,.md-lxwm{
		display: none;
}
}
@media screen and (max-width: 1000px){/*------------------------移动端的样式*/
	html{
		font-size: 14px !important;
	}
	.lg_tu,.na_dbox,.hot_tc,.zong,.pc-bt,.wrapper,.fw_dbox,.hz_dbox,.ce_nav,.bot_nav_box,.banquan,.fn-box{/*所有在移动端隐藏的模块*/
		display: none;
	}
	#banner{
		display: none;
	}
	/*顶部导航栏*/
	.top-nav-box{
		overflow: hidden;
		padding: 10px 5%;
	}
	.md-logo{
		float: left;
	}
	.md-logo img{
		max-height: 40px;

	}
	.md-dh{
		float: right;
	}
	.md-dh img{
		max-height: 30px;
		margin-top: 5px;
	}
	
	/*顶部大图*/
	.md-dbdt-box{
		width: 90%;
		margin: auto;
	}
	.md-dbdt-box img{
		max-width: 100%;
	}
	
	/*顶部业务*/
	.md-yw-box{
		overflow: hidden;
		width: 90%;
		margin: 20px auto;
	}
	.md-yw-box div{
		float: left;
		width: 20%;
		margin-right: 6.66%;
		text-align: center;
		font-weight: 600;
		line-height: 40px;
	}
	.md-yw-box div:nth-child(4n){
		margin-right: 0;
	}
	.md-yw-box img{
		max-width: 100%;
	}
	
	/*免费核准公司名称*/
	.bt_01{
		margin: 40px auto;
	}
	.bt_01 span{
		font-size: 22px;
		font-weight: 600;
	}
	.hm_dbox{
		background-image: url("../img/MD/MD-hmbj.png");
		background-size: auto;
		background-repeat: no-repeat;
	}
	.bd_box{
		width: 100%;
		height: 230px;
	}
	.bd_nr_box{
		clear: both;
		height: 120px;
		width: 100%;
	}
	.bd_nr_box li{
		font-size: 14px;
		font-weight: 600;
		line-height: 30px;
	}
	.bd_bt{
		width: 20%;
		margin-left: 10%;
	}
	.bd_nr{
		width: calc(60% - 10px);
	}
	.bd_nr input{
		width: calc(100% - 2px);
		font-size: 14px;
		height: 30px;
		border-radius: 4px;
		padding-left: 10px;
	}
	.bd_bt_2,.bd_nr_2{
		margin: 40px 0 0 0;
	}
	.bd_bt_2{
		margin-left: 10%;
	}
	.yzm{
		width: 80%;
		margin-left: 10%;
		height: 30px;
	}
	.yzm_01 .code{
		height: 30px;
		font-size: 20px;
		line-height: 30px;
		border-radius: 4px;
	}
	.yzm_02{
		font-size: 14px;
		line-height: 30px;
	}
	.yzm_03 input{
		height: 28px;
		font-size: 14px;
		line-height: 30px;
		padding-left: 10px;
		width: calc(100% - 12px);
		border-radius: 4px;
	}
	.ljhm input{
		float: none;
		width: 100px;
		height: 40px;
		background-color: #ff7e00;
		border: #ff7e00 solid 1px;
		line-height: 40px;
		font-size: 14px;
		border-radius: 5px;
		font-weight: 600;
		letter-spacing: 1px;
		margin-left: calc(50% - 50px);
		margin-top: 20px;
	}
	/*移动端超值套餐*/
	.md-tc-box{
		overflow: hidden;
		width: 90%;
		margin: 40px auto;
	}
	.md-tc{
		float: left;
		width: 100%;
		text-align: center;
		background-image: url("../img/MD/MD-tcbj.png");
		background-repeat: no-repeat;
		background-size: cover;
		padding: 20px;
		box-sizing: border-box;
		border-radius: 5px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.md-tc h1{
		color: #0480b7;
		font-size: 20px;
	}
	.md-tc h2{
		color:#ff7e00;
		font-size: 16px;
		line-height: 32px;
	}
	.md-tc p{
		font-size: 12px;
	}
	.md-tc a{
		text-decoration: none;
		width: 30%;
		margin: auto;
		color: white;
		background-color: #ff7e00;
		display: block;
		margin-top: 15px;
		padding: 2px;
		line-height: 30px;
		border-radius: 20px;
	}
	.md-tc1{
		margin-right: 4%;
	}
/*----------md标题样式*/
	.md-bt{
		font-size: 22px;
		font-weight: 600;
		color: #0480b7;
		text-align: center;
	}
	.md-dt{
		width: 100%;
		margin: 20px auto 40px;
	}
	.md-dt img{
		max-width: 100%;
	}
	
	.md-fw-box{
		overflow: hidden;
		width: 90%;
		margin: auto;
	}
	.md-fw-box img{
		max-width: 100%;
	}
	.md-fw-box1{
		margin-top: 20px;
	}
	.md-fw-box1 li{
		width: calc(33% - 13.333px);
		float: left;
		overflow: hidden;
		border-radius: 5px;
		margin-right: 20px;
	}
	.md-fw-box li:last-child{
		margin-right: 0;
	}
	.md-fw-box2{
		margin: 20px auto 40px;
	}
	.md-fw-box2 li{
		width: calc(50% - 10px);
		float: left;
		margin-right: 20px;
		border-radius: 5px;
		overflow: hidden;
	}
	
	/*移动端版权栏*/
	.md-bq-box{
		background-color: #0480b7;
		color: white;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 80px;
	}
	.md-bq-box li{
		width: 40%;
		margin: 0 auto 20px;
	}
	.md-bq-box img{
		max-width: 100%;
	}
	.md-bq-box a{
		text-decoration: none;
		color: rgba(255,255,255,0.4);
		display: block;
		margin-top: 10px;
	}
	
	/*移动端联系我们按钮*/
	.md-lxwm{
		background-color: #ff7e00;
		position: fixed;
		bottom: 20px;
		width: 80%;
		border-radius: 5px;;
		margin-left: 10%;
		text-align: center;
		display: block;
		text-decoration: none;
		color: white;
		line-height: 40px;
		background-image: url("../img/MD/md-dh-icon.png");
		background-size: 24px;
		background-repeat: no-repeat;
		background-position: 34% 50%;
	}
	
}
/*--------移动端样式结束*/