@charset "utf-8";
/* CSS Document */
/*加盟优势*/
.join_a1{ float: left; width: 100%; }
.join_a1 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 48px;}
.join_a1 .span2{ float: left; width: 100%; text-align: center; font-size: 30px; color: #666;}
.join_a1 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin: 35px 0 60px 0; color: #666;}
.join_a1 ul{ float: left; width: 100%; height: 355px; margin-bottom: 100px; background: url("../images/join_c1.png") center 0 no-repeat;}
.join_a1 li{ float: left; width: 240px; text-align: center;}
.join_a1 li span:nth-child(1){ float: left; width: 100%; font-size: 18px; padding-top: 62px;}
.join_a1 li span:nth-child(2){ float: left; width: 100%; font-size: 14px; color: #666; line-height: 24px;}
.join_a1 li:nth-child(1),.join_a1 li:nth-child(4){ margin-left: 80px;}
.join_a1 li:nth-child(2),.join_a1 li:nth-child(5){ margin-left: 155px;}
.join_a1 li:nth-child(3),.join_a1 li:nth-child(6){ margin-left: 155px;}
.join_a1 li:nth-child(n+4){ margin-top: 75px;}

.join_a2{ float: left; width: 100%; position: relative;}
.join_a2 .join_a2_a{ position: absolute; top:100px; left: 50%; width: 1200px; height: 500px; margin-left: -600px; color: #fff; background: rgba(0,0,0,0.5);}
.join_a2 .join_a2_a span:nth-child(1){ float: left; width: 100%; text-align: center; font-size: 48px; font-weight: bold; margin-top: 55px;}
.join_a2 .join_a2_a span:nth-child(2){ float: left; width: 100%; text-align: center; font-size: 30px;}
.join_a2 .join_a2_a span:nth-child(3){ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin-top: 50px;}
.join_a2 .join_a2_a span:nth-child(4){ float: left; width: 100%; text-align: center; font-size: 24px; font-weight: bold; margin-top: 37px;}
.join_a2 .join_a2_a span:nth-child(5){ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin-top: 50px;}

.join_a3{ float: left; width: 100%;}
.join_a3 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 48px; margin-top: 115px;}
.join_a3 .span2{ float: left; width: 100%; text-align: center;  font-size: 30px;}
.join_a3 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; color: #666; margin-top: 35px;}
.join_a3 ul{ float: left; width: 100%; margin: 100px 0;}
.join_a3 li{ float: left; width: 145px; height: 60px; padding-left: 73px; margin-left: 63px;}
.join_a3 li span{ float: left; width: 100%;}
.join_a3 li span:nth-child(1){ font-size: 24px; font-weight: bold;}
.join_a3 li span:nth-child(2){ font-size: 24px;}
.join_a3 li:nth-child(1){ background: url("../images/a1_1.jpg") left center no-repeat;}
.join_a3 li:nth-child(2){ background: url("../images/a1_2.jpg") left center no-repeat;}
.join_a3 li:nth-child(3){ background: url("../images/a1_3.jpg") left center no-repeat;}
.join_a3 li:nth-child(4){ background: url("../images/a1_4.jpg") left center no-repeat;}

.join_a4{ float: left; width: 100%; height: 660px; color: #fff; background: url("../images/advantage_5.jpg") no-repeat;}
.join_a4 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 48px; margin-top: 105px;}
.join_a4 .span2{ float: left; width: 100%; text-align: center;  font-size: 30px;}
.join_a4 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin-top: 35px;}
.join_a4 ul{ float: left; width: 100%; margin: 60px 0;}
.join_a4 li{ float: left; width: 150px; text-align: center; font-size: 14px;}
.join_a4 li span{ float: left; width: 100%; margin-top: 25px;}

.join_a5{ float: left; width: 100%; margin-bottom: 119px;}
.join_a5 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 48px; margin-top: 105px;}
.join_a5 .span2{ float: left; width: 100%; text-align: center;  font-size: 30px;}
.join_a5 ul{ float: left; width: 100%; border-bottom: 1px solid #cdcdcd; margin-top: 54px;}
.join_a5 li{ float: left; width: 100%; padding-top: 29px; margin-bottom: 40px;  border-top: 1px solid #cdcdcd;}
.join_a5 li span:nth-child(1){ float: left; width: 538px; height: 60px; line-height: 60px; text-align: center; background: #f7f7f7; border-radius: 50px; font-size: 24px; color: #1f286f;}
.join_a5 li span:nth-child(2){ float: right; width: 600px; font-size: 15px; line-height: 25px;}

.join_a6{ float: left; width: 100%; height: 1050px; color: #fff; background: url("../images/advantage_7.jpg") no-repeat;}
.join_a6 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 48px; margin-top: 115px;}
.join_a6 .span2{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin-top: 35px;}
.join_a6 img{display: block;  margin: 0 auto; width: 633px; margin-top: 54px;}

/*加盟支持*/
.join_b1{ float: left; width: 100%;}
.join_b1 .span1{ float: left; width: 100%; font-size: 30px; font-weight: bold; text-align: center;}
.join_b1 .span2{ float: left; width: 100%; font-size: 30px; text-align: center;}
.join_b1 .span3{ float: left; width: 100%; font-size: 14px; line-height: 24px; color: #666; text-align: center; margin-top: 25px;}
.join_b1 ul{ float: left; width: 100%; text-align: center; background: url("../images/join_b1.png") top center no-repeat; margin-top: 55px;}
.join_b1 li{ display: inline-block; width: 170px; margin:40px 22px;}
.join_b1 li span:nth-child(1){ float: left; width: 100%; font-size: 18px; text-align: center; font-weight: bold;}
.join_b1 li span:nth-child(2){ float: left; width: 100%; font-size: 14px; color: #333; line-height: 20px; text-align: center; margin-top: 15px;}
.join_b2{ float: left; width: 100%; background: url("../images/support_2.jpg") no-repeat;}
.join_b2 .div1{ float: left; width: 100%; background: url("../images/div1.png") center no-repeat;position: relative; margin-top: 139px }
.join_b2 .div1 span:nth-child(1){ float: left; width: 100%; line-height: 40px; text-align: center; font-size: 48px; color: #fff; font-weight: bold; position: relative; top: 2px;}
.join_b2 .div1 span:nth-child(2){ float: left; width: 100%; font-size: 30px; text-align: center; color: #fff; position: relative; top: 15px;}
.join_b2 .span{ float: left; width: 100%; text-align: center; color: #fff; font-size: 14px; line-height: 24px; margin-top: 46px;}
.join_b2 .ul1{ float: left; width: 100%; text-align: center; margin: 68px 0 0 243px;}
.join_b2 .ul1 li{ float: left; width: 135px; height: 135px; background: #fff; border-radius: 50%; margin: 0 63px 0 0 ;}
.join_b2 .ul1 li span:nth-child(1){ float: left; width: 100%; color: #333; font-size: 18px; font-weight: bold; margin-top: 41px;}
.join_b2 .ul1 li span:nth-child(2){ float: left; width: 100%; color: #999; text-transform: uppercase; margin-top: 3px;}
.join_b2 .div2{ float: left; width: 100%; background: #f7f7f7; margin-top: 80px; padding-bottom: 83px;}
.join_b2 .div2 .span1{ float: left; width: 100%; text-align: center; font-size: 24px; font-weight: bold; margin-top: 73px;}
.join_b2 .div2 .span2{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; color: #666; margin-top: 23px;}
.join_b2 .div2 ul{ float: left; width: 100%; margin:50px 0 0 68px; }
.join_b2 .div2 li{ float: left; width: 130px; height: 185px; background: #fff; border-radius: 15px; margin-right: 40px; box-shadow: 0 0 7px rgba(0,0,0,.15);padding: 0 27px;}
.join_b2 .div2 li span:nth-child(1){ float: left; width: 100%; text-align: center; font-size: 18px; font-weight: bold; margin-top: 24px;}
.join_b2 .div2 li span:nth-child(2){ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 20px; color: #666; margin-top: 14px;}

.join_b3{ float: left; width: 100%; height: 900px; background: url("../images/support_3.jpg") no-repeat;}
.join_b3 .div1{ float: left; width: 100%; background: url("../images/div1.png") center no-repeat;position: relative; margin-top: 139px }
.join_b3 .div1 span:nth-child(1){ float: left; width: 100%; line-height: 40px; text-align: center; font-size: 48px; color: #fff; font-weight: bold; position: relative; top: 2px;}
.join_b3 .div1 span:nth-child(2){ float: left; width: 100%; font-size: 30px; text-align: center; color: #fff; position: relative; top: 15px;}
.join_b3 .span{ float: left; width: 100%; text-align: center; color: #fff; font-size: 14px; line-height: 24px; margin-top: 46px;}
.join_b3 ul{ float: left; width: 100%; margin: 82px 0 0 68px;}
.join_b3 li{ float: left; width: 185px; height: 185px; background: #fff; margin-right: 39px; border-radius: 15px; position: relative;}
.join_b3 li span:nth-child(1){ float: left; width: 100%; text-align: center; font-size: 18px; font-weight: bold; margin-top: 24px;}
.join_b3 li span:nth-child(2){ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 20px; color: #666; margin-top: 14px;}
.join_b3 li span:nth-child(3){ float: left; width: 100%; height: 29px; position: absolute; left: 0; bottom: 17px;}
.join_b3 li:nth-child(1) span:nth-child(3){ background: url("../images/b3_1.png") center no-repeat;}
.join_b3 li:nth-child(2) span:nth-child(3){ background: url("../images/b3_2.png") center no-repeat;}
.join_b3 li:nth-child(3) span:nth-child(3){ background: url("../images/b3_3.png") center no-repeat;}
.join_b3 li:nth-child(4) span:nth-child(3){ background: url("../images/b3_4.png") center no-repeat;}
.join_b3 li:nth-child(5) span:nth-child(3){ background: url("../images/b3_5.png") center no-repeat;}
.join_b3 .span1{ float: left; width: 100%; text-align: center; color: #fff; font-size: 30px; font-weight: bold; margin-top: 85px;}
.join_b3 .span2{ float: left; width: 100%; text-align: center; color: #fff; font-size: 14px; line-height: 24px; margin-top: 19px;}

.join_b4{ float: left; width: 100%; background: #f7f7f7; padding-bottom: 146px;}
.join_b4 .div1{ float: left; width: 100%; background: url("../images/div2.png") center no-repeat;position: relative; margin-top: 139px }
.join_b4 .div1 span:nth-child(1){ float: left; width: 100%; line-height: 40px; text-align: center; font-size: 48px; color: #333; font-weight: bold; position: relative; top: 2px;}
.join_b4 .div1 span:nth-child(2){ float: left; width: 100%; font-size: 30px; text-align: center; color: #333; position: relative; top: 15px;}
.join_b4 .span1{ float: left; width: 100%; text-align: center; color: #666; font-size: 14px; line-height: 24px; margin-top: 46px;}
.join_b4 .span2{ float: left; width: 100%; text-align: center; font-size: 24px; margin-top: 22px;}
.join_b4 .span3{ float: left; width: 100%; text-align: center; font-size: 30px; margin-top: 56px;}
.join_b4 ul{ float: left; width: 100%; margin-top: 45px;}
.join_b4 li{ float: left; width: 100%; height: 362px;}
.join_b4 li .div{ float: left; width: 600px;height: 362px; background: #fff; position: relative;}
.join_b4 li .div span:nth-child(1){ float: left; width: 100%; font-size: 24px; font-weight: bold; color: #1f286f; margin: 67px 0 0 75px;}
.join_b4 li .div span:nth-child(2){ float: left; width: 100%; font-size: 16px; line-height: 30px;margin: 25px 0 0 75px;}
.join_b4 li .div span:nth-child(3){ float: left; width: 95px; height: 106px; position: absolute; top: 67px; right: 60px;}
.join_b4 li img{ float: left;}
.join_b4 li:nth-child(1) .div span:nth-child(3){ background: url("../images/a.png") center no-repeat;}
.join_b4 li:nth-child(2) .div span:nth-child(3){ background: url("../images/b.png") center no-repeat;}
.join_b4 li:nth-child(3) .div span:nth-child(3){ background: url("../images/c.png") center no-repeat;}

.join_b5{ float: left; width: 100%; background: #1f286f;padding-bottom: 130px;}
.join_b5 .div1{ float: left; width: 100%; background: url("../images/div1.png") center no-repeat;position: relative; margin-top: 139px;color: #fff; }
.join_b5 .div1 span:nth-child(1){ float: left; width: 100%; line-height: 40px; text-align: center; font-size: 48px;  font-weight: bold; position: relative; top: 2px;}
.join_b5 .div1 span:nth-child(2){ float: left; width: 100%; font-size: 30px; text-align: center; position: relative; top: 15px;}
.join_b5 .span{ float: left; width: 100%; text-align: center; color: #fff; font-size: 14px; line-height: 24px; margin-top: 46px;}
.join_b5 .div{ float: left; width: 100%; height: 300px; margin-top: 41px;}
.join_b5 .span1{ float: left; width: 100%; text-align: center; color: #fff; font-size: 24px; font-weight: bold; margin-top: 55px;}
.join_b5 .span2{ float: left; width: 100%; text-align: center; color: #fff; font-size: 14px; line-height: 24px; margin-top: 22px;}
.join_b5 .ul{ float: left; width: 100%; margin: 70px 0 0 8px;}
.join_b5 .ul li{ float: left; text-align: center; font-size: 24px; color: #fff; font-weight: bold; width: 130px; height: 97px; background: url("../images/join_b5.png") no-repeat; margin-right: 22.8px; padding-top: 33px;}
.join_b5 .ul li:last-child{ margin-right: 0;}



.join_b6{ float: left; width: 100%; margin-bottom: 130px;}
.join_b6 .div1{ float: left; width: 100%; background: url("../images/div2.png") center no-repeat;position: relative; margin-top: 139px }
.join_b6 .div1 span:nth-child(1){ float: left; width: 100%; line-height: 40px; text-align: center; font-size: 48px; color: #333; font-weight: bold; position: relative; top: 2px;}
.join_b6 .div1 span:nth-child(2){ float: left; width: 100%; font-size: 30px; text-align: center; color: #333; position: relative; top: 15px;}
.join_b6 .span{ float: left; width: 100%; text-align: center; color: #666; font-size: 14px; line-height: 24px; margin-top: 46px;}
.join_b6 img{ float: left; width: 100%; margin: 82px 0 0 16px;}
.join_b6 .span1{ float: left; width: 100%; text-align: center; font-size: 24px; line-height: 36px; font-weight: bold;margin-top: 87px;}
.join_b6 .span2{ float: left; width: 100%; text-align: center; font-size: 14px; margin-top: 30px; line-height: 24px; color: #666;}

/*榜样门店*/
.join_c1{ float: left; width: 100%;}
.join_c1 .span{ float: left; width: 100%; text-align: center; font-size: 48px; font-weight: bold;}
.join_c1 ul{ float: left; width: 100%; margin-top: 60px;}
.join_c1 li{ float: left; padding: 11px; width: 368px; height: 400px; background: #fff;box-shadow: 0 0 7px rgba(0,29,85,.2); margin: 0 15px 60px 0;}
.join_c1 li .img{ float: left; width: 368px; height: 280px; position: relative;}
.join_c1 li .img .imga{opacity: 0;}
.join_c1 li:hover .img .imga{ opacity: 1;float: left; width: 100%; height: 280px; background: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0;}
.join_c1 li:hover .img .imga span:nth-child(1){ float: left; width: 100%; height: 35px; background: url("../images/join_c1.png") center no-repeat; margin: 85px 0 42px 0;}
.join_c1 li:hover .img .imga span:nth-child(2){ display: block; width: 240px; color: #fff; text-align: center; font-size: 14px; line-height: 18px;  margin: 0 auto;}
.join_c1 li .span_a1{ float: left; width: 100%; text-align: center; font-size: 18px; margin-top: 30px;}
.join_c1 li .span_a2{ float: left; width: 100%; text-align: center; font-size: 14px; color: #999; margin-top: 10px;}
.join_c1 li:nth-child(3n){ margin-right: 0;}
/*加盟申请*/
.join_d1{ float: left; width: 100%;}
.join_d1 strong{ float: left; width: 100%; font-size: 48px; text-align: center;}
.join_d1 ul{ float: left; width: 100%; }
.join_d1 li{ float: left; width: 33.3%; border-top:1px solid #1f286f;margin-top: 120px;}
.join_d1 li span:nth-child(1){ display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50%; background: #1f286f; color: #fff; font-size: 24px; margin: 0 auto; margin-top: -30px;}
.join_d1 li span:nth-child(2){ float: left; width: 100%; font-size: 24px; text-align: center; margin-top: 25px; color: #1f286f;}
.join_d1 li:last-child{ width: 100%;}

.join_d2{ float: left; width: 100%; height: 550px; background: url("../images/join_2.jpg") no-repeat;}
.join_d2 strong{ float: left; width: 100%; text-align: center; color: #fff; font-size: 48px; margin-top: 100px;}
.join_d2 .form{ float: left; width: 100%; margin:70px 0 0 118px;}
.join_d2 .form input{ float: left; width:288px; height: 48px; font-size: 14px; line-height: 48px; border: 1px solid #999; padding-left: 8px; border-radius: 5px; margin-right: 43px;} 
.join_d2 .form button{ display: block; width: 240px; height: 60px; line-height: 60px; text-align: center; border-radius: 50px; margin:69px 0 0 370px; padding: 0; border: 0; font-size: 24px; background: #1f286f; color: #fff; font-weight: bold;}
.join_d2 span{ float: left; width: 100%; text-align: center; font-size: 14px; color: #fff; margin-top: 20px;}






.join{ float: left; width: 100%; height: 240px; background: #263188;position: relative;}
.join samp{ float: left; margin-top: -95px;} 
.join .join_div{ float: left; color: #fff; width: 340px; margin-left: 30px;}
.join .join_div span:nth-child(1){ float: left; width: 100%; font-size: 48px; font-weight: bold; margin-top: 65px;}
.join .join_div span:nth-child(2){ float: left; width: 100%; font-size: 31px;}
.join .join_form{ float: right; width: 490px; margin-top: 66px;}
.join .join_form input{ float: left; width: 168px; height: 48px; font-size: 14px; line-height: 48px; border: 1px solid #999; padding-left: 8px;}
.join .join_form input:nth-child(2){ margin-left: 10px;}
.join .join_form input:nth-child(3){ width: 356px; margin-top: 10px;}
.join button{ float: right; width: 110px; height: 110px; border: 0; margin: 0; padding: 0; font-size: 24px; color: #fff;background: #000; margin-top: -50px;}






/*单页头部开始*/
#four_flash{ float: left; position:relative;width:1200px;height:300px; margin-top: 40px;}
#four_flash .flashBg{width:1200px;height:300px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:300px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:395px;height:300px;margin-left:8px;transition:all 1s ease 0s;}
#four_flash .flashBg ul.mobile li img{float:left;width:395px;height:300px;}
#four_flash .but_left{width:53px;height:53px;position:absolute; top:125px; left:-115px;}
#four_flash .but_right{width:53px;height:53px; position:absolute; top:125px; right:-131px;}
#four_flash .but_left:hover{background:url("../images/qianxleft1.png");}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}