/*about: yjc-2017.2.28*/
/*内容：广州资质推广页wap端*/
.ib{ display: inline-block; vertical-align: middle; }
.page-piece.padding0{ padding: 0;}
.page-piece{ background: #fff; margin-bottom: 15px;}
.clear{ clear: both;}
.margin0{ margin: 0;}
.text-overflow{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/*header start*/
.header-logo { float: left; margin-top: 5px; margin-left: 5px; display: block; height: 34px;}
.header-logo>img { height: 100%; vertical-align: middle;}
.header-phone { float: right; height: 30px; margin-right: 5px; margin-top: 7px;  }
.header-phone>img {  height: 100%; vertical-align: middle;  }
.focusState.header{ position: absolute;}
.focusState.footer{ position: absolute;}
.mhome{ position: relative;}
/*header end*/
/*banner start*/
.banner img,.banner a{
	display: inline-block;
	width: 100%;
}
.swiper-container-horizontal>.swiper-pagination{
	bottom: 0;
}
.swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background: none;
	border: 2px solid #3064d1;
}
.swiper-pagination-bullet-active{
	background: #3064d1;
}
/*banner end*/
.advantage-introduce{ overflow: hidden; padding: 12px 0 8px 0;}
.advantage-introduce>li{ float: left; width: 25%; border-left: 1px solid #e6e6e6; padding: 3px 0; }
.advantage-introduce>li:first-child{ border-left: 0;}
.advantage-introduce>li>p{ font-size: 12px; color: #333; text-align:center;}
.advantage-introduce>li>p>span{ color: #fa4f4f;}
/*热销推荐 start*/
.hot-recommend{ position: relative; padding-left: 8px; padding-right: 5px;}
.hot-recommend-tit{ float: left; width: 20%; margin-top: -5px; padding-bottom: 10px;}
.hot-recommend-tit>img{ width: 100%;}
.hot-recommend-lists{ float: left; width: 80%; overflow: hidden; padding: 15px 0 15px 0;}
.hot-recommend-lists>li{ float: left; width: 25%;text-align: center; padding: 0 5px;}
.hot-recommend-lists>li>i{ width: 40px; height: 40px; background: url(hot-recommend-icons.png) no-repeat; background-size: cover;}
.hot-recommend-lists>li>p{ font-size: 12px; color: #333; margin-top: 3px; }
.hot-recommend-lists>li:nth-child(2) i{ background-position: -40px 0;}
.hot-recommend-lists>li:nth-child(3) i{ background-position: -80px 0;}
.hot-recommend-lists>li:nth-child(4) i{ background-position: -120px 0;}
/*热销推荐 end*/
/*资质证书 start*/
.aptitude-certificate{ padding: 15px 0; }
.tit-piece{ text-align: center;}
.tit-piece>h3{ font-size: 16px; font-weight: 700; color: #333;}
.tit-piece>p{ font-size: 12px; color: #666; }
.certificate-lists{ padding: 0 20px; overflow: hidden; margin-top: 15px;}
.certificate-lists>li{ float: left; position: relative; width: 30%; margin: 0 1.6% 12px 1.6%; border: 3px solid #eff9fd; padding: 10px 0 7px 2px;}
.certificate-lists>li>.txt{ position: relative; z-index: 2}
.certificate-lists>li>.txt>p{ font-size: 12px; }
.certificate-lists>li>.txt>a{ font-size: 12px; color: #fa4f4f !important; border: 1px solid #fa4f4f; padding: 2px 3px; margin-left: 0; margin-top: 8px;}
.certificate-lists>li>.certificate-icon{ position: absolute; right: 0; bottom: 0; z-index: 0; width: 25px; height: 25px; background: url(certificate-lists-icons.png) no-repeat; background-size: cover;}
.certificate-lists>li:nth-child(2) .certificate-icon{ background-position: -25px 0;}
.certificate-lists>li:nth-child(3) .certificate-icon{ background-position: -50px 0;}
.certificate-lists>li:nth-child(4) .certificate-icon{ background-position: -75px 0;}
.certificate-lists>li:nth-child(5) .certificate-icon{ background-position: -100px 0;}
.certificate-lists>li:nth-child(6) .certificate-icon{ background-position: -125px 0;}
.certificate-lists>li:nth-child(7) .certificate-icon{ background-position: -150px 0;}
.certificate-lists>li:nth-child(8) .certificate-icon{ background-position: -175px 0;}
.certificate-lists>li:nth-child(9) .certificate-icon{ background-position: -200px 0;}
.certificate-handle{ text-align: center; padding: 0 13px; margin-top: 5px;}
.certificate-handle>.more-btn>a{ font-size: 14px; color: #fff; background: #004b92 !important; width: 37%; line-height: 30px; border-radius: 15px;}
.certificate-handle>.btn-lists{ font-size: 0; margin-top: 20px; }
.certificate-handle>.btn-lists>a{ font-size: 14px; width: 22%; margin: 0 1.5%; color: #004b92 !important; border: 1px solid #3fbff0; line-height: 28px; padding: 1px 0; border-radius: 3px;}
/*资质证书 end*/
/*拿证周期 start*/
.the-cycle{ padding: 15px 13px 0 13px;}
.cycle-lists{ overflow: hidden; background: url(cycle-bk.png) center center no-repeat; background-size: contain; margin-top: 8px;}
.cycle-lists>li{ float: left; width: 33.33%; text-align: center; padding: 6px 0 18px 0;}
.cycle-lists>li>i{ width: 45px; height: 45px; background: url(cycle-icons.png) no-repeat; background-size: cover;}
.cycle-lists>li:nth-child(2) i{ background-position: -45px 0;}
.cycle-lists>li:nth-child(3) i{ background-position: -90px 0;}
.cycle-lists>li:nth-child(4) i{ background-position: -135px 0;}
.cycle-lists>li:nth-child(5) i{ background-position: -180px 0;}
.cycle-lists>li:nth-child(6) i{ background-position: -225px 0;}
.cycle-lists>li>p{ font-size: 14px; color: #333; margin-top: 5px;}
/*拿证周期 end*/
/*我要办理 start*/
.need-handle{ width: 100%; padding: 10px 0 15px 0; background: url(handle-bk.png) no-repeat; background-size: 100% 100%;}
.need-handle>.tit{ font-size: 15px; color: #004b92; text-align: center;}
.need-handle>.tit>span{ font-size: 18px; color: #fa4f4f;}
.need-handle>.handle-btn{ text-align: center; font-size: 0; margin-top: 15px;}
.need-handle>.handle-btn>a{ width: 32%; font-size: 14px; border-radius: 15px;}
.need-handle>.handle-btn>.handle{ color: #004b92 !important; border: 1px solid #004b92; line-height: 28px;}
.need-handle>.handle-btn>.consult{ color: #fff !important; line-height: 30px; background: #fa4f4f; margin-left: 25px;}
/*我要办理 end*/
/*100%通过 start*/
.certain-through{ padding: 15px 0 10px 0;}
.through-lists{ padding: 0 13px; overflow: hidden; margin-top: 5px;}
.through-lists>li{ float: left; width: 48%; position: relative; margin: 10px 1% 0 1%;}
.through-lists>li>img{ width: 100%;}
.through-lists>li>.txt{ position: absolute; top: 50%; left: 0; margin-top: -20px; padding-left: 31%; max-width: 92.5%;}
.through-lists>li>.txt>.tit{ font-size: 14px; color: #3fbff0;}
.through-lists>li>.txt>.describe{ font-size: 12px; color: #666;}
/*100%通过 end*/
/*办证不再难 start*/
.not-difficult{ padding: 20px 13px;}
.not-difficult-lists{ margin-top: 5px;}
.not-difficult-lists>li{ overflow: hidden; border-bottom: 1px dashed #e5e5e5; padding: 10px 0 5px 0;}
.not-difficult-lists>li>p{ float: left; font-size: 0; width: 75%;}
.not-difficult-lists>li>p>i:before{ content:"\e65e"; font-size: 15px; color: #1c1c1c; display: inline-block; vertical-align: middle; margin-top: 4px;}
.not-difficult-lists>li>p>span{ font-size: 14px; color: #666; padding-left: 5px; width: 90%;}
.not-difficult-lists>li>a{ float: right; font-size: 14px; color: #fff !important; padding: 0 6px; line-height: 30px; border-radius: 3px; background: #fa4f4f;}
.appointment-form{ margin-top: 15px;}
.appointment-form>input{ float: left; height: 36px; border: 1px solid #004b92; border-radius: 3px; margin-left: 2%; outline: none; padding: 0 5px; font-size: 12px;}
.appointment-form>input:first-child{ margin-left: 0;}
.appointment-form>.user-name{ width: 32.5%; }
.appointment-form>.user-phone{ width: 41%;}
.appointment-form>a{ float: right; font-size: 14px; color: #fff !important; padding: 0 6px; line-height: 36px; border-radius: 6px; background: #004b92;}
/*办证不再难 end*/
/*选择我们 start*/
.choice-me{ padding: 15px 0 22px 0;}
.choice-me-img{ width: 100%; margin-top: 13px;}
.choice-me-img>ul{ width: 100%; overflow: hidden; padding: 0 13px;}
.choice-me-img>ul>li{ float: left; width: 48%; margin-left: 4%; text-align: center; }
.choice-me-img>ul>li:nth-child(2n+1){ margin: 0;}
.choice-me-img>ul>li>img{ width: 100%;}
.choice-me-img>ul>li>p{ font-size: 12px; color: #999; margin-top: 8px;}
.choice-me.swiper-container-horizontal>.swiper-pagination{ bottom: 5px;}
/*选择我们 end*/
.promise-piece{ padding: 15px 13px;}
.promise-lists{ overflow: hidden;}
.promise-lists>li{ float: left; width: 25%; text-align: center;}
.promise-lists>li>i{ width: 50px; height: 50px; background: url(promise-icons.png) no-repeat; background-size: cover;}
.promise-lists>li>p{ font-size: 14px; color: #004b92; margin-top: 5px;}
.promise-lists>li:nth-child(2) i{ background-position: -50px 0;}
.promise-lists>li:nth-child(3) i{ background-position: -100px 0;}
.promise-lists>li:nth-child(4) i{ background-position: -150px 0;}
@media screen and (min-width: 375px){
    .advantage-introduce>li>p{ font-size: 14px;}
    .hot-recommend-lists>li>p{ font-size: 14px; }
    .hot-recommend-lists>li>i{ width: 50px; height: 50px;}
    .hot-recommend-lists>li:nth-child(2) i{ background-position: -50px 0;}
    .hot-recommend-lists>li:nth-child(3) i{ background-position: -100px 0;}
    .hot-recommend-lists>li:nth-child(4) i{ background-position: -150px 0;}
    .certificate-lists>li>.txt>a{ font-size: 14px; margin-left: 3px;}
    .appointment-form>input{ margin-left: 2.5%; font-size: 14px;}
    .certificate-lists>li>.certificate-icon{ width: 30px; height: 30px;}
    .certificate-lists>li:nth-child(2) .certificate-icon{ background-position: -30px 0;}
    .certificate-lists>li:nth-child(3) .certificate-icon{ background-position: -60px 0;}
    .certificate-lists>li:nth-child(4) .certificate-icon{ background-position: -90px 0;}
    .certificate-lists>li:nth-child(5) .certificate-icon{ background-position: -120px 0;}
    .certificate-lists>li:nth-child(6) .certificate-icon{ background-position: -150px 0;}
    .certificate-lists>li:nth-child(7) .certificate-icon{ background-position: -180px 0;}
    .certificate-lists>li:nth-child(8) .certificate-icon{ background-position: -210px 0;}
    .certificate-lists>li:nth-child(9) .certificate-icon{ background-position: -240px 0;}
}
@media screen and (min-width: 414px){
    .certificate-lists>li>.txt>p{ font-size: 14px; }
    .certificate-lists>li>.txt>a{ font-size: 14px; margin-left: 5px;}
    .appointment-form>input{ margin-left: 2.5%; font-size: 14px;}
    .appointment-form>.user-phone{ width: 43%;}
    .appointment-form>a{ padding: 0 8px;}
    .not-difficult-lists>li>a{ padding: 0 8px;}
}

/*about zyr
 *2017-3-7
 * 广州资质3月活动 新增版块
 * start
 * */
.banner-gg{
	width:95%;
	margin: 0 auto;
	margin-bottom: 10px;
	position: relative;
}
.banner-img{
	width: 100%;
}
.banner-img>img{
	display: inline-block;
	width: 100%;
}
.banner-gg-btn{
	width: 70%;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	margin-left: -32.5%;
	bottom:3px;
}
.banner-gg-btn>a{
	display: inline-block;
	height: 35px;
	line-height: 35px;
	width: 44%;
	margin-left: 10px;
	text-align: center;
	border-radius: 17px;
}
.banner-gg-btn>a:first-child{margin-left: 0;}
.vip-list{
	width: 100%;
	padding: 0 7px;
	overflow: hidden;
	margin-bottom: 20px;
}
.vip-list>li{
	width: 49%;
	float: left;
	background:url(btn-bg_05.png)center 10px no-repeat #fff;
	margin-left: 5px;
	border: 4px solid #e7f3ff;
	background-size: 45%;
	text-align: center;
	padding-top: 10px;
}
.vip-list>li:first-child{
	background:url(btn-bg_03.png)center 10px no-repeat #fff;
	background-size: 45%;
	margin-left: 0;
}
.vip-list>li>p{
	font-size: 14px;
	line-height: 18px;
	color: #333;
	padding-bottom: 15px;
}
.vip-list>li>p:first-child{
	font-size: 12px;
	padding-bottom: 20px;
	line-height: 14px;
}
.vip-list>li:last-child p{
	padding-bottom: 9px;
}
.vip-list>li>span{
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	padding:13px 0 15px;
}
.vip-list>li>p>b{
	color: #fa4f4f;
	font-size: 15px;
}
.banli-btn{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.banli-btn>a{
	display: inline-block;
	width: 44%;
	margin-left: 10px;
	color: #fff;
	text-align: center;
	height: 25px;
	line-height: 25px;
	border-radius: 5px;
	background: #fa4f4f;
	font-size: 12px;
}
.banli-btn>a:first-child{margin-left: 0;background: #1d73c5;}
a:active{opacity: 0.8;}
@media screen and (max-width: 320px){
   .vip-list>li:last-child p{
	padding-bottom: 16px;}
}
/*about zyr
 *2017-3-7
 * 广州资质3月活动 新增版块
 * end
 * */