/*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; width: 0; height: 0;}
.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: 12px; vertical-align: middle;  }
.focusState.header{ position: absolute;}
.focusState.footer{ position: absolute;}
.mhome{ position: relative;}
/*header end*/
/*banner start*/
.banner-piece img{width: 100%}
.banner-piece a{ display: block;}
.banner-pagination .swiper-pagination-bullet{
	background: #FFF;
	opacity: 0.5;
}
.banner-pagination .swiper-pagination-bullet-active{
	opacity: 1;
}
/*banner end*/
/*优势 start*/
.advantage-piece{ width: 100%; background: #fff; border-bottom: 1px solid #dedede;}
.advantage-piece>ul{ width: 100%; overflow: hidden; padding: 15px 0;}
.advantage-piece>ul>li{ float: left; width: 33.33%; text-align: center;}
.advantage-piece>ul>li>i{ width: 30px; height: 30px; background: url(advantage-icons.png) no-repeat; background-size: cover;}
.advantage-piece>ul>li:nth-child(2) i{ background-position: -30px 0;}
.advantage-piece>ul>li:nth-child(3) i{ background-position: -60px 0;}
.advantage-piece>ul>li>span{ font-size: 12px; line-height: 18px; color: #333;}
.advantage-piece>ul>li>span>span{ font-size: 16px; color: #fa4f4f; font-weight: 700;}
/*优势 end*/
/*服务项目 start*/
.wap-piece{ width: 100%; background: #fff; margin-top: 15px;border-bottom: 1px solid #dedede;}
.wap-piece>.wap-tit{ font-size: 18px; color: #000; text-align: center; padding: 8px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.wap-piece>.wap-tit>span{ color: #ff7f00;}
.service-lists{ padding: 0 15px; overflow: hidden; margin-top: 15px; border-bottom: 1px solid #dedede;}
.service-lists>li{ float: left; width: 45%; margin: 0 2.5%; text-align: center; padding-bottom: 13px;}
.service-lists>li>.img-box{ width: 100%; overflow: hidden;}
.service-lists>li>.img-box>img{ width: 100%;}
.service-lists>li>.name{ font-size: 15px; color: #000; margin-top: 6px;}
.service-lists>li>.describe{ font-size: 12px; color: #666; margin-top: 1px;}
.service-lists>li>a{ width: 58%; height: 24px; font-size: 14px; color: #fff !important; line-height: 24px; margin-top: 10px; background: url(bth-gradient.png) no-repeat; background-size: 100% 100%;}
.service-handle-box{ text-align: center; padding: 15px 0;}
.service-handle-box>a{ font-size: 0; border: 1px solid #ff7f00; width: 43%; height: 30px; border-radius: 15px; color: #ff7f00 !important;}
.service-handle-box>a>i{ width: 16px; height: 16px; background: url(phone-icon.png) no-repeat; background-size: cover;}
.service-handle-box>a>span{ font-size: 15px; color: #ff7f00; font-weight: 700; margin-left: 5px; line-height: 28px;}
/*服务项目 end*/
/*豪礼 start*/
.gift-lists{ width: 100%; overflow: hidden; padding: 17px 13px 15px;}
.gift-lists>li{ float: left; width: 32%; margin-left: 2%; text-align: center; padding: 10px 0 12px;}
.gift-lists>li:first-child{ margin-left: 0;}
.gift-lists>li>i{ width: 80px; height: 80px; background: url(gift-icons.png) no-repeat; background-size: cover;}
.gift-lists>li:nth-child(2) i{ background-position: -80px 0;}
.gift-lists>li:nth-child(3) i{ background-position: -160px 0;}
.gift-lists>li:nth-child(1){ background: url(gift-bk1.png) no-repeat; background-size: 100% 100%;}
.gift-lists>li:nth-child(2){ background: url(gift-bk2.png) no-repeat; background-size: 100% 100%;}
.gift-lists>li:nth-child(3){ background: url(gift-bk3.png) no-repeat; background-size: 100% 100%;}
.gift-lists>li>.tit{ font-size: 12px; color: #fff; font-weight: 700; margin-top: 4px;}
.gift-lists>li>.describe{ font-size: 12px; color: #fff; font-weight: 400; margin-top: 0;}
.gift-lists>li>.details{ font-size: 12px; color: #fff; font-weight: 700; margin-top: 10px;}
.gift-lists>li>.git-btn{ font-size: 12px; color: #333 !important; width: 63%; min-width: 70px; height: 24px; margin-top: 14px; line-height: 24px; border-radius: 12px; background: #fff;}
/*豪礼 end*/
/*为什么选择 start*/
.why-choice-piece{ padding: 15px 0;}
.why-choice-piece,.why-choice-piece>img{ pointer-events: none; width: 100%;}
/*为什么选择 end*/
/*保障 start*/
.guarantee-piece{ position: relative; width: 100%; margin-top: 15px;}
.guarantee-piece>img{ width: 100%;}
.guarantee-piece>.tit{ position: absolute; top: 8px; left: 0; text-align: center; width: 100%; font-size: 16px; color: #fff; }
.guarantee-piece>.tit>span{ font-weight: 700; color: #ffb101;}
.guarantee-piece>.handle-box{position: absolute; bottom: 10px; left: 0; text-align: center; width: 100%;}
.guarantee-piece>.handle-box>a{ width: 25%; min-width: 110px; height: 26px; font-size: 14px; color: #fff !important; line-height: 26px; margin-top: 8px; background: url(bth-gradient.png) no-repeat; background-size: 100% 100%;}
/*保障 end*/
/*步骤 start*/
.flow-piece{ width: 100%; padding: 15px 0;}
.flow-piece>img{ width: 100%; pointer-events: none;}
.flow-handle-box{ text-align: center; padding: 15px 0; border-top: 1px solid #dedede;}
.flow-handle-box>.phone-handle{ position: relative; width: 59%; height: 30px; border: 1px solid #ff7f00; border-radius: 15px; font-size: 0; text-align: left;}
.flow-handle-box>.phone-handle>i{ width: 16px; height: 16px; background: url(phone-icon.png) no-repeat; background-size: cover; margin-left: 5px;}
.flow-handle-box>.phone-handle>span{ font-size: 12px; color: #ff7f00; font-weight: 700; margin-left: 4px; line-height: 28px;}
.flow-handle-box>.phone-handle>.consult-btn{ position: absolute; right: -1px; top: -1px; width: 40%; height: 30px; line-height: 30px;font-size: 12px; color: #fff !important; text-align: center; background: url(bth-gradient.png) no-repeat; background-size: 100% 100%;}
/*步骤 end*/
.company-introduce{ padding: 7px 0 30px; position: relative; width: 100%; overflow: hidden;}
.company-introduce-lists{ width: 100%; overflow: hidden; padding: 0 13px;}
.company-introduce-lists>li{ position: relative; float: left; width: 49%; margin-left: 2%; margin-top: 8px; }
.company-introduce-lists>li>img{ width: 100%;}
.company-introduce-lists>li:nth-child(2n+1){ margin-left: 0;}
.company-introduce-lists>li>p{ position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; height: 24px; line-height: 24px; font-size: 12px; color: #fff; background: rgba(0,0,0,.6);}
.company-introduce>.swiper-pagination{ bottom: 5px;}



@media screen and (min-width: 375px){
	.guarantee-piece>.tit{ top: 12px;}
	.guarantee-piece>.handle-box{ bottom: 15px;}
	.flow-handle-box>.phone-handle>i{ margin-left: 10px; width: 18px; height: 18px;}
	.flow-handle-box>.phone-handle>span{ font-size: 13px;}
	.flow-handle-box>.phone-handle>.consult-btn{ font-size: 14px;}
}
@media screen and (min-width: 414px){
	.header-phone>img{ height: 14px;}
	.gift-lists>li>.tit,.gift-lists>li>.details{ font-size: 14px;}
	.guarantee-piece>.tit{ top: 14px;}
	.guarantee-piece>.handle-box{ bottom: 18px;}
	.flow-handle-box>.phone-handle>i{ margin-left: 15px; width: 18px; height: 18px;}
	.flow-handle-box>.phone-handle>span{ font-size: 14px;}
}