/* CSS Document */
.colorRed {color: #e71218;}

/* 产品图片缩放 */
.proImgScale {overflow: hidden;}
.proImgScale img {transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out;-moz-transition: All 0.3s ease-in-out;-o-transition: All 0.3s ease-in-out;}
.proImgScale img:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}

/*-----------招商加盟页面------------*/
.titStyle-3{position: relative;text-align: center; }
.titStyle-3 dl {display: inline-block;}
.titStyle-3 dl dt {font-size: 70px;color: #08a795;float: left;line-height: 76px; font-family: Arial, Helvetica, sans-serif;}
.titStyle-3 dl dd {float: left;margin-left: 10px;text-align: left;color: #4c4c4c; margin-top: 7px;}
.titStyle-3 dl dd h2 {font-size: 28px;font-weight: bold;}
.titStyle-3 dl dd h2 b {color: #08a795;}
.titStyle-3 dl dd span {font-size: 16px;padding: 1px 0;}


/* 搜索栏 */
.search {line-height: 45px;padding: 25px 0;background-color: #f5f5f5;}
.search .container {}
.search .hotWords {font-size: 16px;color: #333;}
.search .hotWords b {}
.search .hotWords a {margin-right: 10px;color: #4c4c4c;}
.search .hotWords a:hover {color: #e71218;}
.search .searchWarp {width: 350px;height: 45px;border: 1px solid #7d7d7d;border-radius: 50px;}
.search .searchWarp .searchInput {display: inline-block;width: 265px;height: 45px;;border: 0;outline: 0;margin-left: 20px;padding: 0 5px;font-size: 14px;color: #b2b2b2; background-color: transparent;}
.search .searchWarp .searchBtn {display: inline-block;width: 45px;height: 45px;border: 0;outline: 0;background: url("../images/index/icon_1.png") no-repeat center;cursor: pointer}


/* 加入善学：前景好 */
.sectionTitle {text-align: center;}
.sectionTitle h2 {font-size: 32px;color: #4c4c4c;font-weight: bold;}
.sectionTitle h2 b {font-size: 48px;color: #08a795;font-weight: bold; padding-left: 15px;}
.sectionTitle h2 i {font-style: normal;color: #08a795;}
.sectionTitle span {display: block;font-size: 16px;color: #808080;margin-top: 10px;}
.sectionTitle p {font-size: 16px;text-transform: uppercase;margin-top: 10px; position: relative;}
.sectionTitle p:before,
.sectionTitle p:after {content: '';width: 500px;height: 1px;background-color: #4c4c4c;position: absolute;top: 50%;}
.sectionTitle p:before {left: 0;}
.sectionTitle p:after {right: 0;}
.sectionTitle .icon {margin-top: 11px;margin-bottom: 50px;}
.sectionTitle .icon img {display: inline-block;width: 69px;height: 59px;}

.section1 {padding-top: 40px;padding-bottom: 50px;position: relative;}
.section1 .sectionTitle p {color: #4c4c4c;}

.section1Note {display: block;width: 326px;line-height: 46px;margin: 20px auto 0 auto;background-color: #eee;font-size: 22px;color: #4d4d4d;text-align: center;}
.section1Main {width: 1214px;margin-left: -14px;margin-top: 52px; position: relative;}
.section1Main:after{content: '';width: 110px;height: 256px;background: url('../images/join/img25.png') no-repeat right center; background-size: 110px auto;position: absolute;right: -125px; top:80px;}
.section1Main li {width: 188px;height: 329px;float: left;margin-left: 14px;position: relative;}
.section1Main li .section1ItemBG {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.section1Main li .section1Info {width: 100%;min-height: 80px;padding: 15px 0;background-color: rgba(0, 0, 0, 0.7);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.section1Main li .section1Info h3 {font-size: 23px;color: #ffda2b;padding: 0 10px;}
.section1Main li .section1Info p {font-size: 16px;color: #fff;margin-top: 8px;padding: 0 10px;}


/* 为什么选择“善学” */
.why {height: 1000px;padding-top: 75px;background: url('../images/join/img26.jpg') no-repeat center;}
.why .title {text-align: center;font-size: 16px;color: #808080;
}
.why .title h2 {font-size: 36px;color: #4b4b4b;}
.why .title h2 b {font-size: 46px;color: #08a795;}
.why .title p {color: #4c4c4c;text-transform: uppercase;margin-top: 5px;}
.why .title .vice {position: relative;margin-top: 15px;}
.why .title .vice:before,
.why .title .vice:after {content: '';width: 435px;height: 1px;background-color: #626262;position: absolute;top: 50%;}
.why .title .vice:before {left: 0;}
.why .title .vice:after {right: 0;}

.whyLogo {margin-top: 65px;margin-bottom: 35px;}
.whyLogo img {display: block;width: 113px;height: 76px;margin: 0 auto;}

.whyMain {height: 462px;position: relative;}
.whyMain .whyItem {margin-bottom: 40px;}
.whyMain .whyItem dt {width: 73px;height: 71px;margin-top: 20px;}
.whyMain .whyItem dd {width: 227px;height: 114px;float: left;}
.whyMain .whyItem dd h3 {font-size: 18px;color: #4c4c4c;margin-top: 10px;font-weight: bold;}
.whyMain .whyItem dd p {font-size: 14px;color: #4d4d4d;line-height: 20px;margin-top: 8px;}
.whyMain .whyMainLeft {width: 370px;position: absolute;left: 0;top: 0}
.whyMain .whyMainRight {width: 370px;position: absolute;right: 0;top: 0}
.whyMain .whyMainLeft .whyItem dt {float: left;}
.whyMain .whyMainRight .whyItem dt {float: right;}
.whyMain .whyItem#one dt {background: url('../images/index/icon1.png') no-repeat center;}
.whyMain .whyItem#one:hover dt {background: url('../images/index/icon1-1.png') no-repeat center;}
.whyMain .whyItem#one:hover dd h3 {color: #fff;}
.whyMain .whyItem#two dt {background: url('../images/index/icon2.png') no-repeat center;}
.whyMain .whyItem#two:hover dt {background: url('../images/index/icon2-1.png') no-repeat center;}
.whyMain .whyItem#two:hover dd h3 {color: #fff;}
.whyMain .whyItem#three dt {background: url('../images/index/icon3.png') no-repeat center;}
.whyMain .whyItem#three:hover dt {background: url('../images/index/icon3-1.png') no-repeat center;}
.whyMain .whyItem#three:hover dd h3 {color: #fff;}
.whyMain .whyItem#four dt {background: url('../images/index/icon4.png') no-repeat center;}
.whyMain .whyItem#four:hover dt {background: url('../images/index/icon4-1.png') no-repeat center;}
.whyMain .whyItem#four:hover dd h3 {color: #fff;}
.whyMain .whyItem#five dt {background: url('../images/index/icon5.png') no-repeat center;}
.whyMain .whyItem#five:hover dt {background: url('../images/index/icon5-1.png') no-repeat center;}
.whyMain .whyItem#five:hover dd h3 {color: #fff;}
.whyMain .whyItem#six dt {background: url('../images/index/icon6.png') no-repeat center;}
.whyMain .whyItem#six:hover dt {background: url('../images/index/icon6-1.png') no-repeat center;}
.whyMain .whyItem#six:hover dd h3 {color: #fff;}
.whyMainLeft .whyItem dd {padding: 0 20px 0 40px;margin-left: 10px;background: url('../images/index/bg-1.png') no-repeat center;}
.whyMainLeft .whyItem dd:hover { background: url('../images/index/bg-1-hover.png') no-repeat center;}
.whyMainLeft .whyItem dd:hover P{ color:#fff;}
.whyMainRight .whyItem dd {padding: 0 40px 0 20px;margin-right: 10px;background: url('../images/index/bg-11.png') no-repeat center;}
.whyMainRight .whyItem dd:hover{ background: url('../images/index/bg-11-hover.png') no-repeat center;}
.whyMainRight .whyItem dd:hover p{ color:#fff;}

.whyImg {width: 436px;margin-left: 5px;position: absolute;left: 50%;top: 0;margin-left: -218px;}
.whyImg img {display: block;width: 436px;height: 416px;}

.why .btnGroup {text-align: center;margin-top: 40px;}
.why .btnGroup button {display: inline-block;width: 158px;height: 50px;text-align: center;line-height: 50px;font-size: 16px;outline: none;}
.why .btnGroup .consultBtn {color: #fff;background: url('../images/index/whyBtnBG.png') no-repeat center;border: 1px solid transparent; 
    display: inline-block;
    width: 158px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    outline: none;
}
.why .btnGroup .consultBtn:hover{ background: url('../images/index/whyBtnBG_hov.png') no-repeat center;}
.why .btnGroup .viewBtn {color: #4c4c4c;border-top-right-radius: 30px;border-bottom-right-radius: 30px;border: 1px solid #333;background-color: #fff;
    display: inline-block;
    width: 158px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    outline: none;
}
.why .btnGroup .viewBtn:hover{ background:#08a795; border:1px solid #08a795; color:#fff;}
.why .btnGroup .del {font-size: 18px;color: #999;margin-top: 25px;}
.why .btnGroup .del span {font-size: 32px;color: #db0901;font-weight: bold;}


/* 加盟盈利系统 */
.profit{box-sizing: border-box; height: 917px; background: url(../images/join/img28.jpg) no-repeat center top;}
.profit .part1{position: relative; height: 250px;}
.profit .part1 .main{ width: 100%; height: 288px; position: absolute; bottom:0; background: url(../images/join/img27.png) no-repeat left bottom;}
.profit .part1 .main h2{padding-left:500px; padding-top: 95px; font-size: 24px; font-weight: bold; line-height: 50px;}
.profit .part1 .main span{margin-left:500px; padding: 5px 30px; font-size: 30px; color: #fff;background-color: #08a795;}
.profit .part1 .main div{ margin-top: 22px; margin-left:410px; width: auto; display: inline-block; padding: 5px 30px; font-size: 22px; background-color: #fff;}
.profit .part2{position: relative; padding-top: 85px;width: 1200px;}
.profit .part2 .title{padding: 5px 30px; font-size: 24px; color: #fff;background-color: #08a795;font-weight: bold;}
.profit .part2 .title>font{font-size: 40px; }
.profit .part2 .xian{}
.profit .part2 .main{width: 1200px;}
.profit .part2 .main li{margin-right: 26px; width: 280px; box-sizing: border-box; padding:5px; height: 300px; background-color: #f5f5f5; position: relative; float: left;}
.profit .part2 .main li::after{content: '';width: 280px;height: 34px;background: url('../images/join/img30.png') no-repeat right center; position: absolute;left: 0; bottom:-70px;}
.profit .part2 .main li:last-child{ margin-right: 0;}
.profit .part2 li .retract,.profit .part2 .open{ position:absolute; width: 270px; height: 290px; box-sizing: border-box; overflow: hidden;}
.profit .part2 li .retract{left:5px; top: 5px; border:1px solid #c8c8c8;}
.profit .part2 li .retract>img{border-bottom:1px solid #999999;}
.profit .part2 li .retract>span{background:url(../images/join/img35.png) no-repeat center top; padding-top:22px; color: #07a695; font-size: 22px; }
.profit .part2 li .open{left:-3000px; top: 5px; border:1px solid #fff;padding:10px 10px 20px 10px;}
.profit .part2 li .open .img{width: 100%; text-align: center; border-bottom: 1px solid #fff;}
.profit .part2 li .open .con{background:url(../images/join/img36.png) no-repeat center top; padding-top:28px; color: #fff; font-size: 22px; }
.profit .part2 li .open .con h2{ line-height: 40px; font-weight: bold; font-size: 22px;}
.profit .part2 li .open .con p{font-size:16px; line-height:25px;}

.profit .part2 .main li:hover{background-color: #08a795;}
.profit .part2 li:hover .open{left:5px; top: 5px; border:1px solid #fff;}
.profit .part2 li:hover .retract{left:-3000px; top: 5px; border:1px solid #c8c8c8;}



/* 加盟模式 */
.joinMode{height: 979px; padding:60px 0; background: url(../images/join/img37.jpg) no-repeat center top;}
.joinMode .title {text-align: center;font-size: 16px;color: #808080;
}
.joinMode .title h2 {font-size: 36px;color: #fff;}
.joinMode .title h2 b {font-size: 46px;color: #08a795;}
.joinMode .title p {color: #fff;text-transform: uppercase;margin-top: 5px;}
.joinMode .title .vice {position: relative;margin-top: 15px; color: #fff;}
.joinMode .title .vice:before,
.joinMode .title .vice:after {content: '';width: 390px;height: 1px;background-color: #fff;position: absolute;top: 50%;}
.joinMode .title .vice:before {left: 0;}
.joinMode .title .vice:after {right: 0;}

.joinMode .part2{position: relative; padding-top: 50px;width: 1200px;}
.joinMode .part2 .title{padding:15px 10px;background-color: #08a795;}
.joinMode .part2 .title>span{font-size: 30px; color:#ffda2b; font-weight: bold; border:1px solid #eee;padding:5px 40px 8px 40px;}
.joinMode .part2 .xian{padding-left: 40px;}
.joinMode .part2 .main{width: 900px;margin-left: 20px;}
.joinMode .part2 .main li{float: left;margin-right: 35px;width:264px;}
.joinMode .part2 li:last-child{margin-right: 35px;}
.joinMode .part2 li .name{padding-top:15px; padding-bottom: 40px;}
.joinMode .part2 li .name>span{font-size:34px; color: #FFF; padding-left: 20px; }
.joinMode .part2 li .img{width:260px; height: 193px;border:2px solid #08a795; border-radius: 2px; display: flex; justify-content: center; align-items: center; overflow: hidden}
.joinMode .part2 li .img img{width:100%;}
.joinMode .part3{width: 1200px; height: 414px; box-sizing: border-box; background: url(./../images/join/img45.png) no-repeat center top; margin-top: 23px; padding-top: 80px; padding-left: 40px;}
.joinMode .part3 table{ background-color: #999999; height:280px; width: 1120px;}
.joinMode .part3 table td{width: 20%; padding: 10px; font-size:18px; color: #4d4d4d;}
.joinMode .part3 table .head>td{ color: #0bceb9; font-size: 24px; font-weight: bold;}

/*加盟流程*/
.process{padding:60px 0 0 0;}
.process .title {text-align: center; padding-bottom:60px; background: url(../images/join/img46.png) no-repeat center 120px;}
.process .title h2 {font-size: 36px; font-weight: bold;color: #08a795;}
.process .title .vice {position: relative;margin-top: 15px; color: #323232; font-size: 18px;}
.process .title .vice:before,
.process .title .vice:after {content: '';width: 450px;height: 1px;background-color: #323232;position: absolute;top: 50%;}
.process .title .vice:before {left: 0;}
.process .title .vice:after {right: 0;}

.process .part1{width:1030px; position: relative; height:400px;  background: url(../images/join/img47.png) no-repeat left 125px; margin-top: 20px;}
.process .part1::after{content: '';width: 144px;height: 334px;background: url('../images/join/img25.png') no-repeat right center; position: absolute;right: -170px; top:0px;}
.process .part1 li{cursor: pointer; width:130px; box-sizing: border-box; position: absolute;padding:5px 10px; text-align: center; color: #fff; background-color:#535353; }
.process .part1 li:hover{background-color:#08a795; }
.process .part1 li h2{font-size:20px; line-height: 40px; font-weight: bold;}
.process .part1 li p{font-size:14px; line-height: 22px; }

.process .part1 li.up{height:125px;top:0;}
.process .part1 li.down{height:auto;top:213px;padding-bottom: 15px;}


/* 专业定制 */
.advert {height: 260px;background: url("../images/index/icon10.png");margin-top: 70px;}
.advert .container {position: relative;}
.advertImg {position: absolute;top: -20px;left: -90px;z-index: 2}
.advertImg img {display: block;width: 391px;height: 303px;}
.advertInfo {width: 470px;padding: 25px 0 35px 90px;border: 1px solid #07a695;margin-left: 230px;top: 40px;position: relative;}
.advertInfo p {font-size: 22px;color: #7e7e7e;}
.advertInfo h3 {font-size: 26px;color: #4c4c4c;}
.advertInfo h3 b {font-size: 46px;color: #07a695;}
.advertInfo span {display: block;width: 190px;height: 40px;line-height: 40px;font-size: 26px;color: #fff;background: url("../images/index/icon9.png") no-repeat 165px center;background-color: #07a695;position: absolute;bottom: -20px;left: 90px;padding-left: 20px;}
.advertDel {margin-top: 63px;}
.advertDel p {font-size: 16px;color: #7e7e7e;}
.advertDel h2 {font-size: 36px;color: #4c4c4c;font-weight: bold;margin-top: 8px;}
.advertDel a {display: block;width: 160px;height: 40px;text-align: center;line-height: 40px;font-size: 22px;color: #fff;margin-top: 15px;background-color: #e71218;transition: All 0.2s ease-in-out;-webkit-transition: All 0.2s ease-in-out;-moz-transition: All 0.2s ease-in-out;-o-transition: All 0.2s ease-in-out;}
.advertDel a:hover {background-color: #07a695;}

/* 善学致富第三步· 10大加盟支持系统  */
.section3 {padding: 50px 0 100px 0;background: url("../images/index/section3BG.jpg") no-repeat center;}
.section3 .sectionTitle h2 {color: #4c4c4c;}
.section3 .sectionTitle p {color: #7f7f7f; letter-spacing: 2px;}

.section3Main {width: 1225px;margin-left: -25px;margin-top: 15px;}
.section3Main li {float: left;width: 220px;margin: 25px 0 0 25px;transition: All 0.2s ease-in-out;-webkit-transition: All 0.2s ease-in-out;-moz-transition: All 0.2s ease-in-out;-o-transition: All 0.2s ease-in-out;}
.section3Main li .jionTitle {width: 218px;height: 128px;border: 1px solid #2f2f2b; background: rgba(47,47,43,1); text-align: center;}
.section3Main li .jionTitle img {display: block;width: 75px;height: 75px;margin: 5px auto 0 auto;}
.section3Main li .jionTitle img.img01{ display: block;}
.section3Main li .jionTitle img.img02{ display: none;}
.section3Main li:hover .jionTitle .img01{ display: none;}
.section3Main li:hover .jionTitle .img02{ display: block;}
.section3Main li:hover .jionTitle h2{ color:#08a795;}

.section3Main li .jionTitle h2 {font-size: 20px;color: #fff;}
.section3Main li .jionInfo {height: 150px;font-size: 16px;color: #333;line-height: 26px;padding: 20px;background-color: #fff;}
.section3Main li:hover {box-shadow: 0 0 20px 5px #999}


/* 加盟商见证 */
.witness{padding:60px 0;}
.witness .title {text-align: center; padding-bottom:60px; background: url(../images/join/img46.png) no-repeat center 120px;}
.witness .title h2 {font-size: 36px; font-weight: bold;color: #08a795;}
.witness .title .vice {position: relative;margin-top: 15px; color: #323232; font-size: 18px;}
.witness .title .vice:before,
.witness .title .vice:after {content: '';width: 450px;height: 1px;background-color: #323232;position: absolute;top: 50%;}
.witness .title .vice:before {left: 0;}
.witness .title .vice:after {right: 0;}
.witness .part1{margin-top:50px;}
.witness .part1 .left{
  background: url(../images/join/img48.jpg) no-repeat left top;
  width: 700px;
  height: 480px;
}
.witness .part1 .left .show{
	margin: 13px 0 0 16px;
	width: 569px;
	height: 326px;
	overflow: hidden;
}
.witness .part1 .left .show img{width:100%;}

.witness .part1 .right{
  width: 500px;
}
.witness .part1 .right li{border-bottom:1px solid #fff; background-color:#eee; padding-left:20px; padding-right: 20px; box-sizing: border-box; height: 68px; overflow:hidden; cursor: pointer;}
.witness .part1 .right li h2{text-align: center;color:#343434;line-height: 68px; font-weight: bold;font-size:20px;}
.witness .part1 .right li .more{display: block; padding: 5px 16px; font-size: 16px; background-color:#eee; }
.witness .part1 .right li.active {background-color: #07a695;height: 285px; border-bottom:9px solid #fff;}
.witness .part1 .right li.active h2{color:#fff; line-height: 58px; border-bottom: 1px solid #fff; position: relative; padding-top:10px;text-align:left; }
.witness .part1 .right li.active h2::before{content: '';width: 85px;height: 5px; border-radius: 50px; background-color: #fff;position: absolute;left:0; bottom:-3px }
.witness .part1 .right li.active p{ height: 140px; padding-top: 15px; overflow: hidden; line-height: 22px; font-size: 14px; color: #fff;}

/*提交表单*/
.my-form{height: 480px;background: url("../images/join/img49.jpg") no-repeat center top; }
.my-form .left{padding-top: 70px; padding-left: 110px;position: relative; width: 590px;}
.my-form .left .title{}
.my-form .left .brand1{margin-top:40px;}
.my-form .left .brand2{margin-top:30px;}
.my-form .left span{padding:5px 20px;  width: auto; font-size: 18px; color: #fff; background-color: #da0303;}
.my-form .left .brand2 span{ font-size:16px;}
.my-form .left .boy{position: absolute;top:153px; left: 550px;}
.my-form .right{background-color: #fff; width: 380px; height: 380px; margin-top: 40px; box-sizing: border-box; padding: 28px; }
.my-form .right p{font-size:18px; font-weight: bold;color: #4d4d4d; line-height: 22px; padding-bottom: 20px;}
.my-form .right td{padding-bottom:5px; color: #3e3434}
.my-form .right input{width:255px; height: 28px; box-sizing: border-box;border: 1px solid #ddd9d9; padding:0 5px ;}
.my-form .right textarea{width:255px; height: 75px; box-sizing: border-box; border: 1px solid #ddd9d9;padding: 5px;}
.my-form .right font{color: #a71f24;}
.my-form .btnSubmit {
    display: block;
    width: 106px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    background: #08a795;
    margin: 0px auto;
    line-height: 32px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
}