@charset "utf-8";
/*
 * about: lyz zhaoyaunyaun
 * 换联网资质
 */
/*公共样式 start*/
.min-width{
	width: 100%;
	min-width: 1200px;
}
.opacity:hover{filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;}
.marginR0{margin-right: 0px!important;}
.tt-box{
	padding: 30px 0;
	text-align: center;
}
.tt-box span.line{
	width: 130px;
	height: 1px;
	background: #ccc;
	position: relative;
	top: -8px;
}
.tt-box span.tt-fl{left: -10px;}
.tt-box span.tt-fr{right: -10px;}
.tt-box h3{
	font-size: 26px;
	color: #333;
	font-weight: 700;
}
.tt-box p{
	font-size: 16px;
	color: #777;
}
.tel-box{
	width: 550px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	border: 1px solid #ff7800;
	border-radius: 20px;
	margin: 0 auto;
	position: relative;
}
.tel-box span.dib{
	padding-left: 45px;
	font-size: 18px;
	color: #999;
}
.tel-box span.dib font{
	color: #ff7800;
}
.tel-box span.dib img{
	position: relative;
	margin-right: 5px;
}
.tel-box a.dib{
	width: 160px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	background: #ff7800;
	font-size: 18px;
	position: absolute;
	border-radius: 21px;
	text-align: center;
	right: -1px;
	top: -1px;
}
/*公共样式 end*/
/*头部 start*/
.dgg_header{width: 100%;min-width: 1200px;height: 30px;line-height: 30px;font-size: 12px;background: #f1f1f1;position: relative;z-index: 101;}
.dgg_header .fl li{float: left;}
.dgg_header li>a{font-size: 12px;color: #666;padding: 0 10px;}
.dgg_header .fl a {border-left: 1px solid #d0d0d0;}
.dgg_header .fl li:first-child a{border:none;padding-left: 0;}
.dgg_header .fl li a span{padding-left: 5px;}
.dgg_header .fr li{float: left;margin-left: 30px;}
.dgg_header .fr a:hover{text-decoration: underline;}
.dgg_header .fr .blue{color: #004b92;text-decoration: underline;}
.sub-navigation{position: relative;}
.service-nav { background: #fff;border: 1px solid #d8d8d8;overflow: hidden;position: absolute;top: 30px;left: -1px;width: 236px; min-height: 74px;padding: 5px 0 12px 12px;display: none;}
.sub-navigation:hover .service-nav {display: block;}
.service-nav>a {float: left;display: block;line-height: 30px;padding: 0 10px;color: #676767;margin: 6px 10px 0 0;}
.dgg_header .service-nav>a {border: 0;}
.sub-navigation.active>a, .sub-navigation:hover>a {line-height: 30px;height: 30px;background: #fff;z-index: 1;}
.sub-navigation:hover>a {border-left: 0;margin: 0;display: block; position: relative;padding-bottom: 2px;}
.sub-navigation:hover {border-left: 1px #d8d8d8 solid;border-right: 1px #d8d8d8 solid;}
.service-nav>a:hover {text-decoration: underline;}
.dgg_header li>a:hover {color: #1786ef;}
.dgg_header .sub-navigation a:hover {color: #666;}
.dgg_header .fl div a:hover {color: #1786ef;}
.sub-navigation:hover a span {color: #1786ef;}
.sub-navigation:hover a i {background: url(../images/top_top_03_1_2.jpg) 5px 13px no-repeat;}
/*logo-nav satrt*/
.logo_nav{height: 95px;padding-top: 25px;}
.logo{float: left;position: relative;}
.logo>a{display: block;}
.logo .txt{color: #fff;width: 100px;height: 22px;line-height: 22px;position: absolute;right: 0;top: 25px;font-size: 14px;text-align: center;overflow: hidden;}
.tel_box{display: block;float: right;}
.tel_box.top15{padding-top: 15px;}
.tel_box label{padding-left: 15px;}
.tel_box strong{font-size: 20px;color: #ff7f00;position: relative;top: 1px;}
/*logo-nav end*/
/*头部 end*/
/*banner start*/
.inside-banner{
	height: 470px;
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	position: relative;
}
.inside-banner .hd {
	position: absolute;
	bottom: 10px;
	z-index: 1;
	width: 100%;
}
.inside-banner .hd ul{
	overflow: hidden;
	text-align: center;
}
.inside-banner .hd ul>li{
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
	width: 13px;
	height: 13px;
	margin: 8px;
	background: #fff;
	overflow: hidden;
	line-height: 9999px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.inside-banner .hd ul>li.on{
	background: #f26c17;
}
.inside-banner>.bd {
	width: 1920px;
	height: 470px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.inside-banner>.bd li{
	width: 1920px;
	position: relative;
}
/**banner end**/
/*表单 start*/
.inside-banner .form-box{
	position: absolute;
	left: 50%;
	top: 37px;
	margin-left: 252px;
	background: #fff;
	padding: 20px 18px 38px 18px;
	width: 312px;
	border-radius: 8px;
	text-align: center;
	overflow: hidden;
}
.inside-banner .form-box .form-tt{
	font-size: 24px;
	color: #333;
	text-align: center;
	padding-bottom: 15px;
	position: relative;
}
.inside-banner .form-box .form-tt p{
	font-size: 16px;
	color: #666;
}
.inside-banner .form-box .form-tt p font{color: #ff7800;}
.inside-banner .form-box  .form-group{
	overflow: hidden;
	width: 313px;
	height: 48px;
	margin:0 auto 20px;
	position: relative;
	text-align: left;
}
.inside-banner .form-box input{
	width: 275px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	padding-left: 36px;
}
.inside-banner .form-box input:focus{
	border:1px solid #ff7800;
}
.inside-banner .form-box .code-group input{
	width: 170px;
	padding-right: 105px;
}
.inside-banner .form-box .form-btn{
	width: 233px;
	height: 49px;
	font-size: 24px;
	line-height: 49px;
	color: #fff;
	background: #ff7800;
	border-radius: 8px;
}

.inside-banner .form-box i{
	width: 25px;
	height: 25px;
	background: url(../images/form_ico_05.png) no-repeat;
	position: absolute;
	top: 10px;
	left: 8px;
}
.inside-banner .form-box i.name{background-position: 0 0;}
.inside-banner .form-box i.tel{background-position: -25px 0;}
.inside-banner .form-box i.code{background-position: -50px 0;}
.code-btn{
	width: 100px;
    height: 46px;
    line-height: 46px;
    color: #313131;
    color: #333;
    background: none;
    position: absolute;
    top: 1px;
    right: 1px;
    cursor: pointer;
}
/*表单 end*/
/*优势 start*/
.adv01-bg{
	background: #fafafa;
	padding-bottom: 18px;
}
.adv01 {
	background: #fff;
	padding: 25px 0;
	box-shadow: 18px 0px 15px #ededed;
	-webkit-box-shadow: 18px 0px 15px #ededed;
}
.adv01 ul{overflow: hidden;}
.adv01 ul>li{
	float: left;
	margin-right: 186px;
	font-size: 18px;
	color: #333;
}
.adv01 ul>li font{color: #0e84e9;}
.adv01 ul>li .dib{
	vertical-align: middle;
}
.adv01 ul>li div{
	padding-left: 8px;
}
.adv01 ul>li i{
	width: 70px;
	height: 70px;
	background: url(../images/adv_ico_02.png) no-repeat;
}
.adv01 ul>li .ico01{background-position: 0 0;}
.adv01 ul>li .ico02{background-position: -70px 0;}
.adv01 ul>li .ico03{background-position: -140px 0;}
.adv01 ul>li .ico04{background-position: -210px 0;}
/*优势 end*/
/*热门资质推荐 start*/
.hot-box{
	padding: 0 50px;
}
.hot-slider .hd ul{
	width: 645px;
	overflow: hidden;
	margin: 0 auto 45px;
}
.hot-slider .hd ul>li{
	width: 165px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #ddd;
	color: #333;
	font-size: 18px;
	cursor: pointer;
	border-radius: 4px;
	float: left;
	margin-right: 75px;
}
.hot-slider .hd ul>li:first-of-type.on{
	background: #0e84e9;
	color: #fff;
}
.hot-slider .hd ul>li:nth-of-type(2).on{
	background: #ff7800;
	color: #fff;
}
.hot-slider .hd ul>li:last-of-type.on{
	background: #2e3ea9;
	color: #fff;
}
.hot-slider .hot01>.fl{
	background: url(../images/hotbg01_03.png) no-repeat center;
}
.hot-list>.fl{
	color: #fff;
	width: 275px;
	height: 327px;
	padding: 0 25px;
	position: relative;
}
.hot-list>.fl b{
	width: 100%;
	font-size: 22px;
	text-align: center;
	color: #fff;
	padding: 25px 0 10px;
	border-bottom: 1px solid #fff;
}
.fl-txt{
	padding: 10px 0;
}
.hot-list>.fl a{
	color: #fff;
	font-size: 16px;
	line-height: 32px;
}
.hot-list>.fl .fl{
	width: 135px;
}
.hot-list>.fl .fl-btn{
	width: 145px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #0e84e9;
	background: #fff;
	border-radius: 17px;
	position: absolute;
	left: 20px;
	bottom: 28px;
}
.hot-list>.fr dl{
	width: 747px;
	overflow: hidden;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.hot-list>.fr dt{
	float: left;
	width: 248px;
	height: 161px;
	text-align: center;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: relative;
	cursor: pointer;
}
.hot-list>.fr dt i{
	width: 100px;
	height: 80px;
	margin-top: 18px;
	background: url(../images/hot_ico_03.png) no-repeat;
}
.hot-list>.fr dt .ico01{background-position: 0 0;}
.hot-list>.fr dt .ico02{background-position: -100px 0;}
.hot-list>.fr dt .ico03{background-position: -200px 0;}
.hot-list>.fr dt .ico04{background-position: -300px 0;}
.hot-list>.fr dt .ico05{background-position: -400px 0;}
.hot-list>.fr dt .ico06{background-position: -500px 0;}
.hot-list>.fr dt .ico07{background-position: 0 -80px;}
.hot-list>.fr dt .ico08{background-position: -100px -80px;}
.hot-list>.fr dt .ico09{background-position: -200px -80px;}
.hot-list>.fr dt .ico10{background-position: -300px -80px;}
.hot-list>.fr dt .ico11{background-position: 0px -160px;}
.hot-list>.fr dt .ico12{background-position: -100px -160px;}
.hot-list>.fr dt .ico13{background-position: -200px -160px;}
.hot-list>.fr dt span.dib{
	width: 100%;
	font-size: 20px;
	color: #333;
	font-weight: 500;
}
.hot-list>.fr dt .hide-box{
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	background: #ddd;
	color: #333;
	font-size: 16px;
	overflow: hidden;
	transition: 0.45s;
	-moz-transition: 0.45s;
	-o-transition: 0.45s;
	-webkit-transition: 0.45s;
}
.hot-list>.fr dt .hide-box p{
	padding: 30px 0 20px;
	width: 248px;
}
.hot-list>.fr dt .hide-box>a{
	width: 119px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	border-radius: 17px;
	background: #0e84e9;
	color: #fff;
}
.hot-list>.fr dt:hover>.hide-box{
	width: 100%;
	left: 0px;
}
.hot02>.fl{
	background: url(../images/hotbg02_03.png) no-repeat center;
}
.hot02>.fl .fl-btn{color: #ff9000;}
.hot-list>.fr dt.hei{
	height: 322px;
} 
.hot-list>.fr dt.hei>i{
	margin-top: 55px;
}
.hot-list>.fr dt .show-txt{
	font-size: 16px;
	color: #666;
	padding: 10px 0;
}
.hot-list>.fr dt>dl{
	width: 248px;
	border-top:none;
	border-left:none;
}
.hot-list>.fr dt.hei .hide-box p.hide-txt{
	padding: 110px 0 20px;
}
.hot03>.fl{
	background: url(../images/hotbg03_03.png) no-repeat center;
}
.hot03>.fl .fl-btn{color: #2e3ea9;}
.more-box{padding: 45px 0;}
.more-box a{
	width: 175px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #eee;
	font-size: 18px;
	color: #333;
	border-radius: 6px;
	margin-right: 52px;
}
.more-box a:hover{
	background: #0e84e9;
	color: #fff;	
}
/*热门资质推荐 end*/
/*处于这些行业我该办理什么资质？ start*/
.what-box{
	background: #fafafa;
	padding-bottom: 40px;
}
.what-list ul{
	padding-bottom: 20px;
	overflow: hidden;
}
.what-list ul>li{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.what-list ul>li .img-box{
	width: 285px;
	height: 109px;
	overflow: hidden;
	position: relative;
}
.what-list ul>li .hide-bg{
	width: 285px;
	height: 109px;
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	top: -100%;
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
}
.what-list ul>li .img-box .hide-ico{
	position: absolute;
	left: 50%;
	top: -100%;
	margin-left: -25px;
	margin-top: -25px;
	z-index: 1;
	transition:1.2s;
	-webkit-transition:1.2s;
	-moz-transition:1.2s;
}
.what-list ul>li .txt-box{
	padding:5px 0 10px 10px;
}
.what-list ul>li .txt-box span{
	font-size: 14px;
	color: #999;
	line-height: 30px;
}
.what-list ul>li .txt-box span>img{
	margin-right: 3px;
	position: relative;
	top: -3px;
}
.what-list ul>li .txt-box p{
	font-size: 18px;
	color: #333;
	font-weight: 600;
	padding: 5px 0;
	transition:0.45s;
	-webkit-transition:0.45s;
	-moz-transition:0.45s;
}
.what-list ul>li .line{
	width: 0px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #0e84e9;
	transition:0.45s;
	-webkit-transition:0.45s;
	-moz-transition:0.45s;
}
.what-list ul>li:hover .hide-bg{
	top: 0px;
}
.what-list ul>li:hover .hide-ico{
	top: 50%;
}
.what-list ul>li:hover .txt-box p{
	color: #0e84e9;
}
.what-list ul>li:hover .line{
	width: 100%;
}
/*处于这些行业我该办理什么资质？ end*/
/*自己办理证件，操碎了“玻璃心” start*/
.diff-box{
	background: #eee;
	padding-bottom: 40px;
}
.diff-list{
	padding: 65px 0 63px;
	overflow: hidden;
}
.diff-list li{
	float: left;
	background: #fff;
	border-radius: 6px;
	width: 263px;
	position: relative;
	text-align: center;
	padding-bottom: 20px;
	margin-right: 32px;
	transition: 0.4s;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	cursor: pointer;
	border: 1px solid #fff;
} 
.diff-list li>img{
	margin-top: -65px;
}
.diff-tt{
	font-size: 18px;
	color: #333;
	padding: 10px 0;
	transition: 0.4s;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
}
.diff-list li .line{
	width: 80px;
	height: 0px;
	margin: 0 auto;
	border-bottom: 1px dashed #ddd;
}
.diff-list li p{
	font-size: 16px;
	color: #666;
	padding: 10px 0 15px;
}
.diff-list li>a{
	width: 139px;
	height: 37px;
	line-height: 37px;
	background: url(../images/diff_16.png) no-repeat center;
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -70px;
}
.diff-list li:hover{
	border: 1px solid #0e84e9;
}
.diff-list li:hover >img{
	transform: rotateY(360deg);
	transition: 0.45s;
}
.diff-list li:hover .diff-tt{
	color: #0e84e9;
}
/*自己办理证件，操碎了“玻璃心” end*/
/*交给顶呱呱代办资质，全程放心无忧 start*/
.type-box{
	height: 625px;
	background: url(../images/bg_02_1.jpg) no-repeat center;
}
.type-box .tt-box h3,
.type-box .tt-box p{color: #fff;}
.type-box ul{
	padding: 0 75px;
	overflow: hidden;
}
.type-box ul li{
	float: left;
	width: 450px;
	padding: 25px;
	margin-right: 40px;
	background: rgba(255,255,255,0.2);
	border-radius: 8px;
	color: #fff;
	float: left;
	margin-bottom: 30px;
	cursor: pointer;
}
.type-box ul li .fr{
	width: 240px;
}
.type-box ul li .fr span{
	font-size: 20px;
	width: 240px;
	padding:0 0 7px 10px;
	transition: 0.4s;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
}
.type-box ul li .fr p:first-of-type{
	padding-top: 10px;
}
.type-box ul li .fr p{
	padding: 7px 0 7px 35px;
}
.type-box ul li .fr p>img{
	position: relative;
	top: -3px;
	margin-right: 5px;
}
.type-box ul li:hover .fr span{
	color: #ff7800;
	border-bottom: 1px dashed #fff;
}
/*交给顶呱呱代办资质，全程放心无忧 end*/
/*4步快速申请，顶呱呱全程代办 start*/
.steps-box{
	background: #fafafa;
	padding-bottom: 40px;
}
.steps-cont{
	margin: 0 auto;
	padding-bottom: 35px;
	background: url(../images/step_bg_03.png) no-repeat center top;
}
.steps-box ul{
	overflow: hidden;
	padding: 100px 125px 0;
}
.steps-box ul li{
	text-align: center;
	width: 217px;
	float: left;
}
.steps-box ul li .ico-bg{
	width: 75px;
	height: 75px;
	border-radius: 37.5px;
	background: #8a9cc0;
	transition:0.35s;
	-webkit-transition:0.35s;
	-moz-transition:0.35s;
}
.steps-box ul li i{
	width: 60px;
	height: 60px;
	margin-top: 8px;
	background: url(../images/steps_ico1_03.png) no-repeat;
}
.steps-box ul li i.ico01{background-position: 0 0;}
.steps-box ul li i.ico02{background-position: -60px 0;}
.steps-box ul li i.ico03{background-position: -120px 0;}
.steps-box ul li i.ico04{background-position: -180px 0;}
.steps-box ul li p{
	padding: 10px 0;
	font-size: 16px;
	color: #666;
}
.steps-box ul li p span{
	font-size: 20px;
	color: #333;
	transition:0.35s;
	-webkit-transition:0.35s;
	-moz-transition:0.35s;
}
.steps-box ul li.pddT{
	width: 247px;
	padding-top: 135px;
}
.steps-box ul li:hover .ico-bg{
	background: #0e84e9;
}
.steps-box ul li:hover p>span{
	color: #ff7800;
}
/*4步快速申请，顶呱呱全程代办 end*/
/*最终交付成果 start*/
.case-slider {
	position: relative;
	padding-bottom: 75px;
}
.case-slider .bd{
	width:1200px;
	margin: 0 auto;
	overflow: hidden;
}
.case-slider .bd ul{
	overflow: hidden;
	padding: 10px 0;
}
.case-slider .bd ul li{
	float: left;
	width: 216px;
	margin-right: 30px;
}
.case-slider .ban-btn{
	position: absolute;
	width: 30px;
	height: 62px;
	top: 105px;
	background: url(../images/slide_png_03.png);
}
.case-slider .sPrev{
	background-position: 0 0;
	left: -52px;
}
.case-slider .sNext{
	background-position: -30px 0;
	right: -52px;
}
.case-slider .bd ul>li img{
	border: 1px solid #ddd;
	box-shadow: 0 0 10px 0 #ebebeb;
	-webkit-box-shadow: 0 0 10px 0 #ebebeb;
}
/*最终交付成果 end*/
/*顶呱呱上市集团 start*/
.intro-content p.intro-txt{
	font-size: 16px;
	color: #666;
	text-align: center;
}
.intro-content .intro-list{
	padding: 28px 0px 40px 0px;
	overflow: hidden;
}
.intro-content .intro-list li{
	float: left;
	width: 200px;
	text-align: center;
}
.intro-content .intro-list li p{
	font-size: 18px;
	color: #666;
	padding-top: 10px;
	line-height: 30px;
}
.intro-content .intro-list li p>font{
	color: #32a8f0;
}
.intro-content .intro-list .adv-ico-bg{
	width: 107px;
	height: 98.5px;
	padding-top: 8.5px;
	border: 1px solid #d6d6d6;
	border-radius: 53.5px;
	text-align: center;
	overflow: hidden;
}
.intro-content .intro-list i.intro-ico{
	width: 90px;
	height: 90px;
	background: url(../images/intro_ico_03.png) no-repeat center;
}
.intro-content .intro-list .intro-ico.ico01{
	background-position: 0px 0px;
}
.intro-content .intro-list .intro-ico.ico02{
	background-position: -90px 0px;
}
.intro-content .intro-list .intro-ico.ico03{
	background-position: -180px 0px;
}
.intro-content .intro-list .intro-ico.ico04{
	background-position: -270px 0px;
}
.intro-content .intro-list .intro-ico.ico05{
	background-position: -360px 0px;
}
.intro-content .intro-list .intro-ico.ico06{
	background-position: -450px 0px;
}
.intro-content .img-list{
	background: #fff;
	padding: 10px 0px 25px 0px;
	overflow: hidden;
}
.intro-content .img-list li{
	float: left;
	width: 300px;
	text-align: center;
	font-size: 20px;
	color: #666;
	cursor: pointer;
}
.intro-content .img-list li p{
	padding: 8px;
}
.intro-content .foot-list{
	padding: 40px 0px 135px;
	overflow: hidden;
}
.intro-content .foot-list li{
	float: left;
	padding: 0px 37px;
	border-right: 1px solid #cccccc;
}
.intro-content .foot-list li span.fl{
	width: 69px;
	height: 69px;
	border-radius: 38.5px;
	text-align: center;
	position: relative;
	top: 11px;
}
.intro-content .foot-list li span.bg1a87f0{
	background: #1a87f0;
}
.intro-content .foot-list li span.bgffc00c{
	background: #ffc00c;
}
.intro-content .foot-list li span.bgfa4f4f{
	background: #fa4f4f;
}
.intro-content .foot-list li span.bg00d159{
	background: #00d159;
}
.intro-content .foot-list li .foot-ico{
	width: 70px;
	height: 70px;
	background: url(../images/intro_ico_03.png) no-repeat;
}
.intro-content .foot-list li .foot-ico.ico01{
	background-position: 0px -90px;
}
.intro-content .foot-list li .foot-ico.ico02{
	background-position: -70px -90px;
}
.intro-content .foot-list li .foot-ico.ico03{
	background-position: -140px -90px;
}
.intro-content .foot-list li .foot-ico.ico04{
	background-position: -210px -90px;
}
.intro-content .foot-list li .fr{
	margin-left: 15px;
	color: #999;
	font-size: 18px;
}
.intro-content .foot-list li .fr p>span{
	font-size: 22px;
	color: #1786ef;
}

/*顶呱呱上市集团 end*/