.tit{text-align: center;font-size: 28px;color: #333;margin-bottom: 40px;}

/*工商注册项目*/
.gsxm,.gslc,.zcys,.zscq,.rsxm{background: #f5f6fb;}
.gsxmCon>div{width: 20%;border:1px solid #ededed;border-radius: 10px;padding: 40px 25px;background: #fff;font-size: 14px;cursor: pointer;}
.gsxmCon>div>h3{font-size: 20px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #aaa;position: relative;padding-left: 30px;}
.gsxmCon>div>h3 a{color: #666;}
.gsxmCon>div>h3 i{display: block;width: 8px;height: 8px;background: #999;position: absolute;top:20%;left:0;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.gsxmCon>div li{text-align: center;margin-bottom: 20px;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;}
.gsxmCon>div a{color: #999;}
.gsxmCon>div:hover{background: url("images/gsxm1.png") 0 0 no-repeat;background-size: 100% 100%;width: 30%;}
.gsxmCon>div:hover >h3{border-bottom: 1px solid #aaa;}
.gsxmCon>div:hover >h3 i{background: #ce222a;}
.gsxmCon>div:hover >h3,.gsxmCon>div:hover a{color: #fff;}
.gsxmCon>div:hover li{display: inline-block;width: 48%;text-align: left;}

/*注册公司所需资料*/
.sxclCon>div{width: 33.3%;margin-bottom: 60px;font-size: 12px;color: #666;}
.sxclTw{text-align: center;margin-bottom: 40px;}
.sxclTw>img{margin-right: 10px;}
.sxclTw>span{font-size: 16px;color: #333;vertical-align: bottom;}

/*公司注册流程*/
.gslcCon>div{width:25%;text-align: center;font-size: 20px;color: #333;cursor: pointer;}
.gslcCon>div h3,.dsclCon >div h3,.sblcCon >div h3,.sblcCon>div h3{font-size: 40px;color: #c8c8c8;margin: 30px 0 10px 0;}
.gslcCon>div >img:hover{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg); }
.zixun{display: block;font-size: 16px;width: 160px;height: 36px;line-height: 34px;text-align: center;border:1px solid #a11e23;color: #a11e23;border-radius: 20px;margin: 30px auto 0 auto;}
.zixun:hover,.zcysRight>a:hover{background: #a11e23;color: #fff;}

/*公司注册到手材料*/
.dsclCon>div,.sblcCon>div,.byxCon>div{width:20%;text-align: center;font-size: 20px;color: #333;cursor: pointer;}
.dsclCon>div>div{overflow: hidden;}
.dsclImg{width: 180px;height: 220px;border:2px solid #e8e8e8;line-height: 220px;}
.dsclImg:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }

/*友际注册优势*/
.zcysCon>div{width: 33.333%;color: #666;border-bottom: 1px dashed #aaa;border-right: 1px dashed #aaa;cursor: pointer;}
.zcysCon>div:last-child{border-right: none;}
.zcysBf{text-align: center;padding: 20px 0;}
.zcysCon>div h3{margin-top: 40px;font-size: 18px;}
.zcysAf{display: none;-moz-box-shadow:0px 2px 8px #666; -webkit-box-shadow:0px 2px 8px #666; box-shadow:0px 2px 8px #666;}
.zcysLeft{width:30%;padding:20px 0;background: url("images/zsysBg.png") 0 0 no-repeat;background-size: 100% 100%;color: #fff;text-align: center;}
.zcysRight{width:70%;padding: 20px 0 20px 10px;font-size: 12px;color: #666;background: #fff;}
.zcysRight>p{margin-bottom: 10px;}
.zcysRight>a{display: block;width: 100px;height: 30px;line-height: 28px;color: #a11e23;text-align: center;border:1px solid #a11e23;border-radius: 5px;margin-top: 20px;}
.zcysCon>div:hover .zcysBf{display: none;}
.zcysCon>div:hover .zcysAf{display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}

/*我们还能提供以下服务*/
.otherSer{background: url("images/otherBg.png") 0 0 no-repeat;background-size: 100% 100%;font-size: 16px;}
.otherSer .tit{color: #fff;}
.otherSerCon>a{width: 15%;text-align: center;background: rgba(65,65,106,.6);text-align: center;color: #fff;padding: 50px 0 40px 0;}
.otherSerCon>a>img{margin-bottom: 20px;font-size: 16px;}


/*知识产权项目*/
.zscqCon>div{width: 25%;background: #fff;border:1px solid #f7f7f7;border-radius: 5px;cursor: pointer;}
.zscqCon>div>.zscqTop{background: #e3e8ef;padding: 30px 0 40px 0;font-size: 14px;color: #999;border-radius: 5px 5px 3px 3px;text-align: center;}
.zscqCon>div>.zscqTop>h3{font-size: 20px;margin-bottom: 10px;font-weight: bold;}
.zscqCon>div>ul{height:360px;padding: 30px 0 60px 0;font-size: 16px;color: #666;}
.zscqCon>div>ul>li{margin-bottom: 40px;text-align: center;}
.zscqAf{display: none;height:360px; -webkit-box-shadow: #888 0px 0px 10px;-moz-box-shadow: #888 0px 0px 10px;box-shadow: #888 0px 0px 10px; }
.zscqAf>div{display: inline-block;width: 50%;padding: 20px 0px 15px 20px;font-size: 16px;color: #666;box-sizing: border-box;}
.zscqAf>div:nth-child(2),.zscqAf>div:nth-child(3){border-bottom: 1px solid #f0f0f0;}
.zscqAf>div:nth-child(2),.zscqAf>div:nth-child(4){border-right: 1px solid #f0f0f0;}
.pri{font-size: 12px;margin-top: 20px;}
.zscqAf>.zscqFir{width:100%;padding: 20px 10px 10px 20px;border-bottom: 1px solid #f0f0f0;font-size: 16px;}
.zscqFir>a{font-size: 18px;display: block;margin: 20px auto;}
.price{color: #ce222a;}
.zscqFir> span a{display:inline-block;margin-left: 20px;width: 80px;height: 24px;text-align: center;line-height: 22px;border:1px solid #ce222a;color: #ce222a;font-size: 12px;}
.zscqCon>div:hover{width: 33%;transform: scaleY(1.1);-webkit-transform:scaleY(1.1);}
.zscqCon>div:hover>.zscqTop{background: #ce222a;color: #fff;}
.zscqCon>div:hover>.zscqTop a{color: #fff;}
.zscqCon>div:hover>ul{display: none;}
.zscqCon>div:hover .zscqAf{display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.zscqAf a,.gsxmCon>div a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*商标注册的必要性*/
.byx .tit,.zswh .tit{margin-bottom: 10px;}
.smallTit{margin-bottom: 50px;font-size: 16px;color: #999;text-align: center;}
.byxCon>div>h3{margin: 30px 0 20px 0;}
.byxCon>div>p{font-size: 12px;margin-bottom: 5px;text-align: center;color: #999;}

/*商标未注册危害*/
.zswh{background: url("images/whBg.png") 0 0 no-repeat;background-size: 100% 100%;}
.zswh .tit,.zswh .smallTit{color: #fff;}
.zswhCon>div{width: 50%;margin-bottom: 40px;cursor: pointer;}
.zswhBf{padding: 30px 20px;color: #fff;text-align: center;}
.zswhBf>h3{font-size: 24px;margin-bottom: 30px;font-weight: bold;}
.zswhBf>p{width: 88%;margin: 0 auto;font-size: 16px;}
.zswhAf{background: #fff;border-radius: 5px;padding: 20px;display: none;}
.zswhAf p{padding-top: 10px;width: 75%;text-align: center;}
.zswhAf>a{display: block;margin: 20px auto 10px auto;color: #fff;background: #e95521;border: 1px solid  #e95521;border-radius: 20px;width: 160px;height: 32px;line-height: 30px;text-align: center;}
.zswhCon>div:hover .zswhBf{display: none;}
.zswhCon>div:hover .zswhAf{display: block;}

/*财税服务项目*/
.csfwCon>div{width: 20%;}

/*友际财税优势*/
.advsCon>div{width: 32%;cursor: pointer;position: relative;margin-bottom: 90px;}
.advsText{background: rgba(184,25,32,.7);padding: 15px 0 15px 15px;color: #fff;height:80px;position: absolute;bottom: -35px;left: 16px;right: 16px;font-size: 14px;}
.advsWord{margin-left: 20px;}
.advsWord h3{margin-bottom: 5px;font-size: 20px;}
.advsTextB{display: none;padding-top: 10%;text-align: center;}
.advsTextB h3{margin: 30px 0;font-size: 20px;}
.advsCon>div:hover .advsText{height: 100%;}
.advsCon>div:hover .advsTextA{display: none;}
.advsCon>div:hover .advsTextB{display: block;text-align: center;}

/*常见问题*/
.cjwt,.sbhc{background: #dbdef1;}
.cjwtCon>div{margin-bottom: 30px;}
.cjwtCon>div>.sj{width: 10%;text-align: center;}
.cjwtCon>div>div>span{display:block;margin: 0 auto;font-size: 18px;color:#fff;background: #a11e23;width: 55px;height: 55px;border-radius: 50%;text-align: center;line-height: 55px;}
.cjwtCon>div>.wt{width:90%;display:block;background: url("images/cjwtBg.png") 0 0 no-repeat;background-size: 100% 100%;padding: 20px 10px 20px 50px;color: #666;}
.cjwtCon>div>.wt h3{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.cjwtCon>div>.wt i{background: #a11e23;color: #fff;padding: 1px 20px;border-radius: 10px;font-size: 14px;}
.cjwtCon>div>.wt p{font-size: 16px;margin-top: 10px;}
.cjwtCon>a{margin:50px auto 0 auto;display: block;width: 260px;text-align: center;height: 40px;line-height: 38px;background: #a11e23;border:1px solid #a11e23;border-radius: 30px;color: #fff;font-size: 16px;font-weight: bold;}
.cjwtCon>a:hover{background: #fff;color: #a11e23;}

/*人事代理项目*/
.rsxmCon,.xzxmCon{width: 100%;position: relative;margin: 0 auto;}
#sbhcCon,#xzxmCon{width: 93%;padding: 20px 0;}
#sbhcCon .swiper-slide img,#xzxmCon .swiper-slide img{height: 170px;}
.rsxmCon .swiper-button-next,.rsxmCon .swiper-button-prev,.xzxmCon .swiper-button-next,.xzxmCon .swiper-button-prev{top: 50%;margin-top: -20px;background-size: 40px 40px;width:40px;height:40px;z-index: 10;cursor: pointer;}
.rsxmCon .swiper-button-next.swiper-button-disabled,.rsxmCon .swiper-button-prev.swiper-button-disabled,.xzxmCon .swiper-button-prev.swiper-button-disabled,.xzxmCon .swiper-button-next.swiper-button-disabled{opacity: 1; }
.rsxmCon .swiper-button-next,.xzxmCon .swiper-button-next{ background-image: url("images/right.png");right: 0; }
.rsxmCon .swiper-button-prev,.xzxmCon .swiper-button-prev{ background-image: url("images/left.png");left: 0; }
#sbhcCon .swiper-slide p{text-align: center;background: #fff;padding: 20px 0;font-size: 18px;}
#sbhcCon .swiper-slide:hover{box-shadow: 0px 0px 10px #888;-webkit-box-shadow: 0px 0px 10px #888;}
#sbhcCon .swiper-slide:hover p{color: #a11e23;}


/*行政审批项目*/
#xzxmCon{padding: 20px 0 100px 0;}
.xzxmCon .swiper-button-next,.xzxmCon .swiper-button-prev{top: 40%;}
.xzxmCon .swiper-slide{box-shadow: 0px 0px 10px #888;-webkit-box-shadow: 0px 0px 10px #888;cursor: pointer;-o-transition:transform 1s;-webkit-transition:transform 1s;-moz-transition:transform 1s;transition:transform 1s; overflow: hidden; border-radius: 8px;}
.xzxmCon .swiper-slide>div{text-align: center;padding: 20px 0;font-size: 18px}
.xzxmCon .swiper-slide>div a{display: none;width: 120px;height: 32px;line-height: 30px;border:1px solid #a11e23;margin: 30px auto 20px auto;font-size: 14px;color: #a11e23;}
.xzxmCon .swiper-slide>img{height: 157px;}
.xzxmCon .swiper-slide:hover{transform: scaleY(1.1);}
.xzxmCon .swiper-slide:hover >div a{display: block;}
.xzxmCon .swiper-slide >div a:hover{background: #a11e23;color: #fff;}

/*企业缴社保的好处*/
.sbhcCon>div{width: 33.33%;text-align: center;font-size: 18px;color: #333;}
.sbhcCon>div>img{margin-bottom: 20px;}

/*社保服务流程*/
.sblc{background: #f7f7f7;}
.sblcCons>div{width: 13.33%;text-align: center;}
.sblcCons>div:nth-child(2n){width:4%; color: #a11e23;font-size: 30px;text-align: center;padding-top: 45px;}
.sblcCon>div>img:hover,.otherSerCon>a:hover>img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg); }

/*商品详情页面*/
.wz,.sqxqMid{background: #f6f6f6;}
.sqxqCon{padding: 30px 0;}
.sqxqImg{margin-right: 30px;}
.sqxqText{padding: 10px 0;position: relative;}
.sqxqText>p{font-size: 14px;color: #666;line-height: 24px;margin: 15px 0 35px 0;}
.sqxqText>div>span{padding: 5px 16px;border:1px solid #a11e23;margin-right: 15px;color: #a11e23;}
.sqxqText>a{position: absolute;bottom:10px;left:0;display: block;width: 160px;padding: 10px 0;text-align: center;background: #a11e23;border:1px solid #a11e23;color: #fff;font-size: 14px;}
.sqxqText>a:hover{background: #fff;color: #a11e23;}
.sqxqLeft{width: 25%;margin-right: 20px;}
.sqxqRight{width: 65%;font-size: 20px;}
.sqxqMid{padding: 20px 0;}
.sqxqRight>ul{background: #fff;width:100%;border-bottom: 1px solid #f0f0f0;}
.sqxqRight>ul>li{width: 30%;padding: 20px 0;text-align: center;border-top:2px solid transparent;margin-right: 10px;}
.sqxqRight>ul>li.curr,.sqxqRight>ul>li:hover{border-top:2px solid #a11e23;}
.sqxqRight>ul>li.curr a,.sqxqRight>ul>li:hover a{color: #a11e23;}
.fwxq img{width: 100%;}
.fwxq{background: #fff;padding: 15px 20px;}
.fwxq strong{margin-bottom: 20px;font-size: 20px;}
.fwxq p{font-size: 16px;margin-bottom: 10px;color: #333;}

@media (max-width: 1199px){
	.advsText{height: 90px;}

	#sbhcCon, #xzxmCon{width: 90%;}
}

@media (max-width: 991px){
	.tit{font-size: 22px;}

	.gsxmCon>div,.sxclCon>div{width: 50%;}
	.gsxmCon>div:hover{width: 50%;}

	.gslcCon>div h3, .dsclCon >div h3, .sblcCon >div h3, .sblcCon>div h3{font-size: 32px;}
	.gslcCon>div,.sblcCon>div{font-size: 16px;}
	.gslcCon>div>img,.sblcCon>div>img{width: 110px;height: 110px;}

	.dsclCon>div, .sblcCon>div{width: 33%;margin-bottom: 30px;}
	.dsclImg{margin: 0 auto;}

	.dsclCon >div h3,.sblcCon>div h3{margin: 15px 0 10px 0;}
	.dsclCon>div{font-size: 18px;}

	.zcysCon>div{width: 100%;border-right:none;}

	.otherSerCon>a{width: 32%;margin-bottom: 20px;}
	.otherSer{background-size: cover;}

	.zscqCon,.gsxmCon{-webkit-flex-wrap:wrap;-webkit-box-lines:multiple;-moz-flex-wrap:wrap;flex-wrap:wrap; }
	.zscqCon>div{width: 50%;margin-bottom: 30px;}
	.zscqCon>div:hover{width: 50%;}

	.byxCon>div{width: 50%;margin-bottom: 30px;}
	.byxCon>div>img{width: 100px;height: 100px;}

	.advsCon>div{width: 48%;}

	.sbhcCon>div{font-size: 16px;}
	.sbhcCon>div>img{width: 90px;height: 97px;}

	.sblcCons>div:nth-child(2n){display: none;}

	.sqxqLeft{display: none;}
	.sqxqRight{width: 100%;}
	.sqxqText>a{width: 120px;padding: 8px 0;bottom: 0;}
	.sqxqText>p{margin: 10px 0;}
}

@media (max-width: 768px){
	.cjwtCon>div>.wt h3{font-size: 18px;}
	.cjwtCon>div>.wt p{font-size: 14px;}
	.cjwtCon>div>.wt{padding: 20px 0 20px 20px;}
	.cjwtCon>div>div>span{width: 45px height: 45px;font-size: 16px;}

	#sbhcCon, #xzxmCon{width: 86%;}

	.sqxqImg{display: none;}
	.sqxqText>a{position: static;margin-top: 30px;}
	.sqxqText>p{margin: 15px 0;}
}

@media (max-width: 639px){
	.dsclCon>div{width: 45%;}
	.dsclImg{width: 100%;}

	.cjwtCon>div>.sj{display: none;}
	.cjwtCon>div>.wt{width: 100%;background: #fff;border-radius: 5px;padding: 10px;}

	.sbhcCon>div{font-size: 14px;}
	.sbhcCon>div>img{width: 80px;height: 87px;}
}

@media (max-width: 479px){
	.gsxmCon>div,.sxclCon>div{width: 100%;}
	.gsxmCon>div:hover{width: 100%;}

	.sxclCon {text-align: center;}

	.gslcCon>div>img,.sblcCon>div>img{width: 80px;height: 80px;}
	.gslcCon>div h3, .dsclCon >div h3, .sblcCon >div h3, .sblcCon>div h3{font-size: 28px;}
	.gslcCon>div h3, .dsclCon >div h3, .sblcCon >div h3, .sblcCon>div h3{margin: 16px 0 10px 0;}

	.dsclCon>div{font-size: 16px;}

	.otherSerCon>a>img{width: 40px;height: 40px;}
	.otherSerCon>a{padding: 30px 0;}

	.zscqCon>div{width: 100%;}
	.zscqCon>div:hover{width: 100%;}

	.byxCon>div>img{width: 80px;height: 80px;}
	.byxCon>div>h3{font-size: 18px;margin: 20px 0 10px 0;}

	.zswhCon>div{width: 100%;}
	.zswh{background-size: cover;}

	.advsCon>div{width: 100%;}

	.gslcCon>div{font-size: 14px;}

	#sbhcCon, #xzxmCon{width: 75%;}
	
	.sqxqCon{padding: 10px 0;}
	.sqxqText h1{font-size: 22px;}
}

@media (max-width: 375px){
	.tit{font-size: 20px;}

	.gslcCon>div>img{width: 70px;height: 70px;}
	.gslcCon>div h3, .dsclCon >div h3, .sblcCon >div h3, .sblcCon>div h3{font-size: 22px;}
	.gslcCon>div{font-size: 14px;}

	.zixun{width: 120px;height: 28px;line-height: 26px;}

	.byxCon>div{width: 100%;}

	.sbhcCon>div>img{width: 60px;height: 67px;}
	.sbhcCon>div{width: 32%;}
}