﻿.Problem{padding: 60px 0 45px;}
.ProblemCon ul li{width: 170px; padding-left:10px; height:125px;border-radius:10%;background-color: #666;text-align: center;color: #fff;font-size:23px;letter-spacing: 4px; line-height:34px;float: left;margin-left: 24px;padding-top:55px;}
.ProblemCon ul li:first-child{margin-left: 0;}
.ProblemCon ul li.cur{background-color: #00b7bd;}

.ProblemCon a.More{width: 170px;height: 50px;text-align: center;line-height: 50px;border-radius: 10px;border: 1px #333 solid;color: #333;font-size: 18px;display: block;margin: 35px auto 0;}
.ProblemCon a.More:hover{background-color: #00b7bd;border: 1px #00b7bd solid;color: #fff;}

.Title{text-align: center;}
.Title h4{font-weight: normal;color: #666;font-size: 20px;margin-top:5px;}
.Title h5{color: #00b7bd;font-size:34px;margin-top: 5px;}
.Title i{width: 28px;height: 2px;display: block;background-color: #00b7bd;margin: 30px auto 0;}
.Title h6{width: 642px;height:76px;border-radius: 50px;background-color: #00b7bd;margin: 25px auto;color: #fff;font-size: 30px;font-weight: normal; line-height:73px;}
.Title h6 b{font-size:32px;margin-top: 5px;}

.ProblemCon ul li b{ font-size:25px; letter-spacing: 13px;}

.Title02 h5{margin-bottom: 10px;}

.Title03 h5{color: #fff;}
.Title03 h4{color: #fff;opacity: .5;margin-top: 5px;}
.Title03 i{background-color: #fff;}
.Title04 p.p1{font-size:16px;color: #333;line-height:32px;margin-top: 25px;}
.Title04 p.p2{margin-top: 30px;color:#4d6868;font-size: 18px; line-height:37px;}
/* HowDevelop */
.HowDevelop-Con{ width:1200px; margin:auto;}
.HowDevelop-Con ul li{position: relative;width:24.2%;float: left; margin-right:1%;}
.HowDevelop-Con ul li span {display: block; overflow: hidden;}
.HowDevelop-Con ul li span img{display: block;width:100%;transition: .8s;}
.HowDevelop-Con ul li:hover span a img{transform: scale(1.1);}
.HowDevelop-Con ul li .Text{position:absolute;bottom: 18px;left: 0;right: 0;text-align: center;}
.HowDevelop-Con ul li .Text h3 {text-decoration: none;font-size: 18px;color: #fff;font-weight: bold;}
.HowDevelop-Con ul li .Text .more{text-decoration: none;font-size: 14px;color: #fff;width: 111px;height: 29px;display: block;border-radius: 50px;border: 1px #fff solid;text-align: center;line-height: 29px;margin: 20px auto 0;text-transform: capitalize;}
.HowDevelop-Con ul li:hover .Text .more{background-color: ##00b7bd;border:1px ##00b7bd solid;}

.mianbaoxie1200{ margin-bottom:auto;}
.joinFive-ul{
	margin-top: 30px;
	overflow: hidden;
}
.joinFive-ul .slick-list{
	width: 100%;
}
.joinFive-ul .slick-track{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.joinFive-ul li{
	position: relative;
	width: 19.5%;
	float: left;
	margin-left: 0.5%;
	background: #f5f5f5;
}
.joinFive-ul li .joinFive-bg{
	width: 100%;
	height: 320px;
	background-size: cover;
    background-position: center;
}
.joinFive-ul li p{
	font-size: 15px;
	text-align: center;
	line-height: 2;
	padding: 50px 20px;
	height: 160px;
}
.joinFive-ul li .joinFive-img{
	position: absolute;
	width: 80px;
	top: 80px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.joinFive-ul li .joinFive-img-1{
	position: absolute;
	width: 80px;
	bottom: 150px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.joinFive-ul .slick-dots{
	text-align: center;
	height: 20px;
	margin-top: 20px;
}
.joinFive-ul .slick-dots li{
	width: 8px;
	height: 8px;
	float: none;
	background: #ddd;
}
.joinFive-ul .slick-dots li.slick-active{
	background: #000;
}


.lh-joinus-form {
    border: none;
	margin-top: 40px;
	font-size: 14px;
	background:url(/skin/home/images/Join.png);
	padding: 40px 40px 5px 30px;
}
.joinSix-button{
	margin-top: 30px;
}
.l-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.l-grid-3 {
    width:31.5%;
    float: left;
}
.lh-joinus-item li {
	margin-bottom: 40px;
	padding-left: 20px;
}
.lh-joinus-item li h9 {
	margin-bottom: 20px; display: block;
	font-size: 15px;
    font-weight: bold; color:#333;
}
.lh-joinus-item li h9 span {
    color: #f50000;
}
.l-grid-3 input {
    height: 50px;
	line-height: 50px;
	font-size: 14px;
    display: block;
    width: 100%;
    background: none;
    border: 1px solid #dbdbdb;
    padding: 6px 12px;
    transition: ease .45s;
}

.l-grid-12 input {
    height: 50px;
	line-height: 50px;
	font-size: 14px;
    display: block;
    width: 100%;
    background: none;
    border: 1px solid #dbdbdb;
    padding: 6px 12px;
    transition: ease .45s;
}
.lh-checkbox {
    border: 1px solid #DBDBDB;
    height: 50px;
    line-height: 50px;
    padding: 6px 12px;
}
.l-grid-12 {
    width: 100%;
}
.lh-checkbox input{ margin-left:5px;}
.lh-checkbox label{ margin-right:16.3px; letter-spacing:1px;}
.lh-submit {
    display: block;
    margin: auto;
    width: 160px;
    height:52px;
    line-height:52px;
    font-size:20px; border-radius: 30px;
    text-align: center;
    color: #fff;
	background: #00b7bd;
	border: 2px solid #fff; margin-bottom:60px;
}
.lh-submit:hover{
	color: #000;
	background: none;
	border: 2px solid #00b7bd;
}
.ind_title{
	text-align: center;
}
.ind_title h9,.ind_five_text h9{font-family:"hzgb";
	font-size: 40px;    color: #00b7bd;}
.ind_title h4{
	font-size: 24px;
	font-family: '宋体';
	font-weight: 500;
	margin-bottom: 10px;
}
.ind_title p{
	font-size: 17px;
	margin: 12px 0 28px;
}

@charset "UTF-8";
@font-face {
  font-family: "hzgb";
  src: url("../images/mfyansong_noncommercial-regular.eot"),
       url("../images/mfyansong_noncommercial-regular.otf"),
       url("../images/mfyansong_noncommercial-regular.ttf"),
       url("../images/mfyansong_noncommercial-regular.woff"),
       url("../images/mfyansong_noncommercial-regular.woff2");
}
.font_youth{font-family:"hzgb";}
.heig90{ line-height:115px;}
/*加盟店*/
.ms_db{ background:url(../images/jiameng.jpg) no-repeat center bottom; width:100%; margin:0 auto;  padding-top: 16px; height: 749px;}
.jm_bg{ background:url(../images/jiameng1.jpg) no-repeat center top; width:100%; height:920px; margin:0 auto;}
.jm_w{ font-size:45px; text-align:center; color:#fff;}
.jm_w p{ font-size:18px; color:#fff; line-height:30px; padding-bottom:10px;}
.jm_w i{ width:150px; height:30px;}
.jm_w1{ width:570px; float:right;}
.jm_w11{ font-size:40px; color:#fff; padding-top: 40px;}
.jm_w11 p{ font-size:16px; color:#fff; line-height: 39px; width: 500px; padding-top:30px;}
.jm_w2{}
.jm_w21 a{ display:block; float:left; border-radius: 30px; border:1px solid #fff; width: 160px; height: 42px; color:#fff; line-height:42px; text-align:center; font-size: 16px; font-style:normal;  margin-top: 30px; margin-right:20px;}
.jm_w21 a:hover{border-radius: 30px; background: #fff; width: 160px; height: 42px; color:#00b7bd; line-height:42px; text-align:center; }
.jm_w b{ font-weight:normal;}
.jm_w11 b{ font-weight:normal;}
/*合作伙伴*/
.hezuo-wrap {width: 1200px;  margin:0 auto;}
.hezuo-box {}
.hezuo-box .cmy-imgs { position: relative; overflow: hidden; background-color: #fff; border-top: solid 1px #d4d4d4; border-left:solid 1px #d4d4d4; border-right:solid 1px #d4d4d4; border-radius:6px}
.cpy-box { position: relative; }
.cpy-box .btn { width: 36px; height: 36px; background-color: #fff; border:solid 1px #d4d4d4; border-radius: 50%; position: absolute; top: 132px; z-index: 9; cursor: pointer;}
.cpy-box .btn:hover { background-color: #00b7bd; border-color: #00b7bd; }
.cpy-box .left-btn { left: -18px; } 
.cpy-box .right-btn { right: -18px; } 
.cpy-box .btn:before { content: ''; display: block; width: 9px; height: 17px; background: url(../images/jiantou.png) no-repeat; position: absolute; left: 13px; top: 9px;}
.cpy-box .left-btn:before { background-position: -32px -5px; }
.cpy-box .right-btn:before { background-position: -20px -5px; }
.cmy-imgs ul { width: 3000px; height: 300px; position: relative; }

.hezuo-box .cmy-imgs li{ float: left; width: 240px; }
.cmy-imgs a.img-box { display: block; width: 240px; height: 150px; border-right: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4; overflow: hidden;}
.cmy-imgs a.img-box img { display: block; height: auto;     padding: 28px 0 0 24px;}
.hezuo-cont{ }

.GuaranteesTop{margin-top:90px;}
.GuaranteesTop ul li{float: left; height:200px; margin-left: 37px;width: 295px; height:138px; text-align: center;background-color: #fbfbfb;padding:60px 40px 0;position: relative;}
.GuaranteesTop ul li:first-child{margin-left: 0;}
.GuaranteesTop ul li span{display: block;width: 89px;height: 89px;overflow: hidden;margin: 0 auto;position: absolute;top: -50px;right: 0;left: 0;border: 8px #fbfbfb solid;border-radius: 50%;}
.GuaranteesTop ul li span img{display: block;width: 89px;height: 178px;position: relative;}
.GuaranteesTop ul li:hover span img{position: relative;top: -89px;}
.GuaranteesTop ul li h3{font-size:23px;color: #333;font-weight: bold;margin-bottom: 15px;}
.GuaranteesTop ul li p{font-size: 16px;color: #666;line-height: 25px;}
.GuaranteesTop ul li:hover{background-color: #00b7bd;}
.GuaranteesTop ul li:hover span{border: 8px #00b7bd solid;}
.GuaranteesTop ul li:hover h3{color: #fff;}
.GuaranteesTop ul li:hover p{color: #fff;}

.StudentCon{position: relative;overflow: hidden;width: 1200px;}
.StudentCon ul{position: relative;top: 0;left: 0;}
.StudentCon ul li{float: left;margin-left: 17px;width: 287px;}
.StudentCon ul li{display: block;width: 287px;height:431px;overflow: hidden;}
.StudentCon ul li img{display: block;width: 287px;height:431px;}
.StudentCon ul li:hover img{transform: scale(1.1);}
.StudentCon ul li:first-child{margin-left: 0;}
.StudentCon ul li p{text-align: center;margin-top: 20px;}

.StudentBot{position: relative;}
.StudentBot i{width: 37px;height: 37px;display: block;overflow: hidden;cursor: pointer;position: absolute;top:45%;}
.StudentBot i img{width: 37px;height: 74px;display: block;position: relative;}
.StudentBot i:hover img{top: -37px;}
.StudentBot i.prev{left: -56px;}
.StudentBot i.next{right: -56px;}

.FullFeatured{background: url(../images/Join2.jpg) center;padding:40px 0 0;text-align: center;}
.FullFeatured p{color: #fff;font-size: 20px;opacity: .8;margin-bottom: 15px;}
.FullFeatured h3{font-weight: normal;font-size: 30px;margin-top: 25px;color: #fff;}
.FullFeatured h4{font-size: 34px;margin-top: 22px;color: #fff;font-weight: bold;}

.StoreProfit{background-color: #f5f5f5;padding: 50px 0 80px;}

.StoreProfitCon{margin-top: 55px;}
.StoreProfitCon ul li{float: left;text-align: center;margin-left: 38px;}
.StoreProfitCon ul li:first-child{margin-left: 0;}
.StoreProfitCon ul li span{width: 168px;height: 168px;display: block;margin: 0 auto;}
.StoreProfitCon ul li span img{display: block;width: 168px;height: 168px;transition: .8s;     border-radius: 62%;}
.StoreProfitCon ul li:hover span img{transform: scale(1.05);}
.StoreProfitCon ul li p{color: #333;font-size: 15px;margin-top: 20px;}
.StoreProfitCon ul li:hover p{color: #e96b3a;}
/**/
.IndexAbout-Con dl dt{width: 491px;}
.IndexAbout-Con dl dt a{display: block;width: 491px;height: 283px;}
.IndexAbout-Con dl dt a img{display: block;width: 491px;height: 283px;}
.IndexAbout-Con dl dd h3{margin-bottom: 30px;}
.IndexAbout-Con dl dd h3 a{text-decoration: none;font-size: 24px;color: #333;}
.IndexAbout-Con dl dd p{font-size: 17px;color: #999;line-height:33px;}
.IndexAbout-Con dl dd{width: 660px;}
.IndexAbout-Con dl dd a.More{text-decoration: none;font-size: 16px;color: #fff;width: 130px; border-radius:30px; height: 39px;display: block;background-color: #00b7bd;text-align: center;line-height: 39px;margin-top: 60px;}
/*分店*/
.branch-map{position:relative;float:right;margin-top:-40px;width:550px;height:452px;background:url(../images/map.png) no-repeat;}
.branch-map .dot{position:absolute;width:30px;height:30px;background:url(../images/map_dot.png) no-repeat;animation:scale 2s linear infinite;}
.branch-map .dot-1{left:380px;top:363px;}
.branch-map .dot-2{left:447px;top:332px;}
.branch-map .dot-3{left:397px;top:328px;}
.branch-map .dot-4{left:397px;top:156px;}
.branch-map .dot-5{left:458px;top:260px;}
.branch-map .dot-6{left:379px;top:280px;}
.branch-map .dot-7{left:324px;top:238px;}
.branch-map .dot-8{left:226px;top:216px;}
@keyframes scale
{
    0 {transform:scale(1.1);}
    50% {transform:scale(0.5);}
    100% {transform:scale(1);}
}


.IndexAbout{background: url(../images/AboutBg.jpg) no-repeat center;height:465px; padding-top:45px; margin-bottom:60px;}

.LimitlessCon{position: relative; width:1200px; margin:auto; overflow:hidden;}
.LimitlessCon ul li{width:210px;float: left;text-align: right;background: url(../images/bankuang.png) no-repeat right;padding-right:30px;height:401px;position: relative;}
.LimitlessCon ul li h3{color: #333;font-size:30px;font-weight: bold;height: 54px;padding-top: 80px;}
.LimitlessCon ul li p{font-size:19px;color: #666;line-height: 25px;margin-top: 20px;}
.LimitlessCon ul li.li01{top: 85px;}
.LimitlessCon ul li.li02{top: 65px;}
.LimitlessCon ul li.li03{top: 45px;}
.LimitlessCon ul li.li04{top: 25px;}
.LimitlessCon ul li.li06{top: -20px;}
.LimitlessCon ul li.li07{top: -45px;}
.LimitlessCon ul li.li08{top: -65px;}

.LimitlessCon span{width: 432px;height: 202px;display: block;position: absolute;right: 6px;top: 200px;z-index:  99;}
.LimitlessCon span img{display: block;width: 432px;height: 202px;}



.cpnr_y:hover .ylink_y,.cpnr_o:hover .ylink_y { height: 300px; width: 2px; }
.cpnr_y:hover .ylink_x,.cpnr_o:hover .ylink_x{ width:480px; height:2px; }
.cpnr_o:hover .ylink_y { height: 300px; width: 2px; }
.cpnr_o:hover .ylink_x{ width:480px; height:2px; }
.ying3 a img{ transition:0.35s ease all; width:100%; }
.ying3:hover a img{ transform: scale(1.2); transition:1.3s ease all;}
.yl_left { left: 8px; }
.yl_right{ right: 15px; }
.yl_top{ top:15px}
.yl_bottom{ bottom:15px}
.ying3 > a { display: block; position: relative; }
.ying3 > a > p { text-align: center; display: block; position: absolute; top: 0; left: 0; width: 100%; line-height: 30px; font-size: 24px; color: #fff; text-indent:10em; background:#666; background: rgba(0,188,189,0.8); opacity: 0; filter: alpha(opacity=0); transition:0.3s ease all;margin-top: -20px;padding-top: 150px;padding-bottom: 150px; }
.cpnr_z > a > p {line-height:650px;}
.ying3:hover > a > p{ opacity: 1; filter: alpha(opacity=100); text-indent:0em;font-size:24px; }
.ying3:hover > a > p i{display:block;font-size:16px;text-transform: uppercase;}
#dingz{ overflow:hidden;}
#dingz ul {}
#dingz ul li{width:20%;float: left;overflow: hidden;}