/* CSS Document */
*{ padding:0px; margin:0px;}
.clear{ clear:both;}
ul{ list-style:none;}
a{ text-decoration:none; -webkit-tap-highlight-color: transparent;}
img{max-width: 100%}
html{-webkit-text-size-adjust:none;max-height:100%}
body{font-size: 0.16rem;font-family: "microsoft yahei"; -webkit-tap-highlight-color: transparent;}

@font-face {font-family: "iconfont";
  src: url('../fonts_icon/iconfont.eot?t=1503381643991'); /* IE9*/
  src: url('../fonts_icon/iconfont.eot?t=1503381643991#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts_icon/iconfont.woff?t=1503381643991') format('woff'), /* chrome, firefox */
  url('../fonts_icon/iconfont.ttf?t=1503381643991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts_icon/iconfont.svg?t=1503381643991#iconfont') format('svg'); /* iOS 4.1- */
}
i.icon{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-news1:before { content: "\f029d"; font-weight:bolder;}
.icon-news2:before { content: "\e620"; font-weight:bolder; }
.icon-news3:before { content: "\e63b"; font-size:0.34rem; color:#000; }
.icon-news4:before { content: "\e603"; color:#0098dc;}
.icon-news6:before { content: "\e729";}
.icon-news8:before { content: "\e607"; font-size:0.45rem; color:#000;}
.icon-news9:before { content: "\e611"; font-weight:bolder;}
.icon-jingti:before { content: "\e62d"; }
.icon-guancai:before { content: "\e646"; }
.icon-yibiao:before { content: "\e64b"; }

/* nav */
body{position:relative;width:100%;background:#fff;height:100%;}
.allpage{position:relative;z-index:10;background:#ffffff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}
.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li{width:220px;margin:0 auto; border-bottom:1px solid #33ade3;}
.nav li a{display:block;width:100%;font:100 16px/50px 'microsoft yahei';color:#fff;text-indent:60px;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}

.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:100%; cursor:pointer; background:rgba(0,0,0,0.7);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-fixed .clogb{ background:url(../images/close.png) no-repeat;}
.black-clicked{width:100%;padding-right:2%;left:-227px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}

/*header*/
.header{width:100%; height:0.71rem; position:relative; z-index:9999;}
.head{text-align:center; position:fixed; width:100%; height:0.71rem; top:0; right:0; line-height:0.71rem; z-index:99; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; box-shadow:0 3px 3px rgba(0,0,0,.3); background:#fff;}
.logo{display:inline-block;width:30%;height:auto; float:left; margin-left:3.4375%; margin-top:0.1rem; }

.nav-btn{width:14.0625%;right:0;top:0;position:absolute; cursor:pointer; color:#000000;text-align:center;overflow:hidden;}
.home-btn{width:9%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.71rem;color:#171717;text-align:center;overflow:hidden;display:block;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); /* Internet Explorer */
  -moz-transform:rotate(180deg); /* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg); /* Opera */
}
.home-btn img{ width:50%; max-width:59px; margin-top:10px;}
.top-title{width:70%;position: absolute;left:15%;top:0;font-size:0.3rem;line-height:0.71rem;text-align:center;color:#000;overflow:hidden;}
.top-title1{width:57%;position: absolute;left:10%;top:0;font-size:0.3rem;line-height:0.71rem;text-align:center;color:#000;overflow:hidden;}
.class-btn{position:absolute;right:16%;top:3px;width:18.0625%;font-size:0.26rem;line-height:0.666rem;color:#000;text-align:center;overflow:hidden; cursor:pointer;}
/*分类*/
  .type{width:100%;top:0.691rem;position:fixed;background:#fabe00;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;padding:0.1rem 0;display:none}
.typebg{ width:90%; margin:0px auto;}
.typetitle{ color:#FFFFFF; font-size:0.24rem;}
.typebg ul li{ margin:8px 0px;}
.typebg ul li a{ background:#FFFFFF;  color: #666; display:block; font-size:0.22rem; padding:7px 0px 7px 10px;}
.typebg ul li a:hover,.typebg ul li a.active{ background:#0098dc; color:#FFF;}


.content{ width:100%; margin:0 auto; max-width:640px; height:100%; min-height:7rem;overflow:hidden;font-size:0.16rem;padding-bottom:0.45rem;}
.content_new1{ width:95%; margin:0px auto;}
.banner{ width:100%;}
/*首页 关于蜗牛*/
#index1bg{ width:100%; background:url(../images/index1bg.jpg) center bottom no-repeat; padding-bottom:30px;}
#index1{ width:94%; margin:40px auto 0px auto;}
.index1le{ width:100%;}
.index1le .title{ color:#333333; font-size:0.35rem;}
.index1le p{ color:#999999; font-size:0.22rem; line-height:160%; padding-top:25px; display:-webkit-box; -webkit-box-orient:vertical; 
-webkit-line-clamp:5; overflow:hidden; margin-bottom:20px; }
.index1le dl{ margin:7px 0px;}
.index1le dl img{ margin-right:12px;}
.index1le dl a{ color:#fabe00; font-size:0.22rem;}
.index1le dl a:hover{ color:#0080cc; text-decoration:underline;}
.index1le .more{ width:192px; height:46px; text-align:center; line-height:46px; background:#3399d6; color:#FFFFFF; font-size:16px; display:block; margin-top:35px;}
.index1le .more:hover{ background:#0080cc;}
/*首页 第二部分*/
#index2bg{ width:100%; background:#f7f7f7 url(../images/index2bg.jpg) center bottom no-repeat; padding:30px 0px 0px 0px;}
#index2{ width:94%; margin:0px auto;}
#index2 ul li{ width:100%; padding:15px 0px;}
#index2 ul li.one1{ background:#afd460;}
#index2 ul li.one2{ background:#fcca33;}
#index2 ul li.one3{ background:#0098dc;}
#index2 ul li a{ display:block;}
#index2 ul li img{ float:left; width:40%;}
#index2 ul li .in2right{ width:55%; float:right;}
#index2 ul li font{ color:#FFFFFF; font-size:24px; display:block;}
#index2 ul li p{ padding:10px 20px 0px 0px; font-size:14px; color:#FFFFFF; line-height:140%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
/*首页 加盟*/
#index3{ width:94%; margin:35px auto 0px auto;}
.title1{ text-align:center; color:#333333; font-size:24px;}
#index3 p{ color:#999999; font-size:14px; text-align:center; padding:30px 0px 0px 0px; line-height:170%;}
#index3 ul{ margin-top:15px;}
#index3 ul li{ float:left; width:50%; text-align:center; margin:9px 0px;}
#index3 ul li dd{ width:81px; height:81px; margin:0px auto;background:#3399d6; border-radius:100%; moz-box-shadow: 0 0 5px #3399d6;/*firefox*/
-webkit-box-shadow: 0 0 5px #3399d6;/*safari或chrome*/
box-shadow: 0 0 5px #3399d6;}
#index3 ul li dd img{ margin:17.5px auto;}
#index3 ul li dt{ color:#333333; font-size:16px; display:block; margin-top:6px;}
#index3 ul li:nth-child(2) dd{background:#ef8133; border-radius:100%; moz-box-shadow: 0 0 5px #ef8133;/*firefox*/
-webkit-box-shadow: 0 0 5px #ef8133;/*safari或chrome*/
box-shadow: 0 0 5px #ef8133;}
#index3 ul li:nth-child(3) dd{background:#b0d461; border-radius:100%; moz-box-shadow: 0 0 5px #b0d461;/*firefox*/
-webkit-box-shadow: 0 0 5px #b0d461;/*safari或chrome*/
box-shadow: 0 0 5px #b0d461;}
#index3 ul li:nth-child(4) dd{background:#d572de; border-radius:100%; moz-box-shadow: 0 0 5px #d572de;/*firefox*/
-webkit-box-shadow: 0 0 5px #d572de;/*safari或chrome*/
box-shadow: 0 0 5px #d572de;}
#index3 ul li:nth-child(5) dd{background:#65c162; border-radius:100%; moz-box-shadow: 0 0 5px #65c162;/*firefox*/
-webkit-box-shadow: 0 0 5px #65c162;/*safari或chrome*/
box-shadow: 0 0 5px #65c162;}
#index3 ul li:nth-child(6) dd{background:#f1eb32; border-radius:100%; moz-box-shadow: 0 0 5px #f1eb32;/*firefox*/
-webkit-box-shadow: 0 0 5px #f1eb32;/*safari或chrome*/
box-shadow: 0 0 5px #f1eb32;}
#index3 ul li:nth-child(7) dd{background:#ff4c82; border-radius:100%; moz-box-shadow: 0 0 5px #ff4c82;/*firefox*/
-webkit-box-shadow: 0 0 5px #ff4c82;/*safari或chrome*/
box-shadow: 0 0 5px #ff4c82;}
#index3 ul li:nth-child(8) dd{background:#19c8c6; border-radius:100%; moz-box-shadow: 0 0 5px #19c8c6;/*firefox*/
-webkit-box-shadow: 0 0 5px #19c8c6;/*safari或chrome*/
box-shadow: 0 0 5px #19c8c6;}
/*首页 第四部分*/
#index4bg{ background:url(../images/index4bg.jpg) center center no-repeat; height:auto; margin-top:40px; padding-bottom:30px;}
#index4{ width:94%; margin:0px auto;}
#index4 ul li{ float:left; width:25%; text-align:center; padding-top:20px;}
#index4 ul li dd{ font-weight:bold; font-size:0.4rem; color:#FFFFFF;}
#index4 ul li dd #count-number{ display:inline-block;}
#index4 ul li dd font{ font-size:0.21rem;}
#index4 ul li dt{ color:#FFFFFF; font-size:16px; padding-top:10px;}
/*首页  赛事游学*/
#index5bg{ width:100%; background: #f7f7f7 url(../images/index5bg.jpg) center bottom no-repeat; padding-top:43px; padding-bottom:60px;}
#index5{ width:94%; margin:0px auto;}
#index5 ul{margin-left:-3%; *zoom:1; _position:relative; *margin-left:-6%; margin-top:15px;}
#index5 ul li{ width:47%; float:left; padding-bottom:20px; background:#FFFFFF; margin-left:3%; moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);/*firefox*/
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);/*safari或chrome*/
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
#index5 ul li .pic{ width:100%; height:11em; overflow:hidden; display:block;}
#index5 ul li .pic img{ width:100%; height:11em; overflow:hidden; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
#index5 ul li a:hover .pic img{-webkit-transform: scale(1.2);
transform: scale(1.2);}
#index5 ul li a:hover .wen font{ color:#0080cc; text-decoration:underline;}
#index5 ul li .wen{ padding:0px 15px;}
#index5 ul li .wen font{ color:#333333; font-size:16px; padding-top:15px; display:block;  overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#index5 ul li .wen p{ color:#999999; font-size:14px; line-height:140%; padding-top:6px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
/*首页 蜗牛动态*/
#index6bg{width:100%; padding-top:0px; padding-bottom:40px;}
#index6{ width:100%; margin:0px auto;}
#index6 li{ background:#f7f7f7; width:94%; padding:0px 3%;}
#index6 li .innews{ width:100%; padding:23px 0% 23px 0%;  border-bottom:1px solid #e2e2e2; }
#index6 li .innews font{ color:#333333; font-size:16px; width:100%; display:block;  overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#index6 li .innews p{ color:#999999; font-size:14px; line-height:170%; padding-top:8px;}


/* footer */
.footer{width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; }
.foot-relative{position:relative;width:100%;height:0.8rem;}
#foot i{ display:block; font-size:0.35rem; margin:0.08rem 0px 0.04rem 0px; color:#fff;}
#foot a{ width:25%; float:left; display:block; text-align:center; color:#fff;}

/*关于我们*/
#view{ margin-top:3%; line-height:180%; font-size:1.3em;}

/*新闻列表页*/
.prolist{*zoom:1; _position:relative; margin-top:15px;}
.prolist li{ width:100%; float:left; padding-bottom:20px; background:#FFFFFF; margin-top:20px; moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);/*firefox*/ -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);/*safari或chrome*/ box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.prolist li .pic{ width:100%; height:11em; overflow:hidden; display:block;}
.prolist li .pic img{ width:100%; height:11em; overflow:hidden; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center; object-fit: cover;}
.prolist li a:hover .pic img{-webkit-transform: scale(1.2);
transform: scale(1.2);}
.prolist li a:hover .wen font{ color:#0080cc; text-decoration:underline;}
.prolist li .wen{ padding:0px 15px;}
.prolist li .wen font{ color:#0080cc; font-size:16px; padding-top:15px; display:block;  overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prolist li .wen p{ color:#999999; font-size:14px; line-height:130%; padding-top:6px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.prolist li .wen span{ font-size:14px; color:#CCCCCC; margin-top:9px;}
/*新闻内页*/
.newbit{ padding-top:15px; text-align:center; font-size:1.8em; color:#666666;}
.time{ text-align:center; color:#999999; margin-top:7px;}
.nexty{ margin-top:20px;}
.nexty dd{    color: #777;
    background: #ddd;
    border-radius: 0.38rem;
    margin: 2% auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 0.1rem;}
	.nexty dd a{ color:#777;}
.back{display:block;width:36%;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:#ff4800;text-align:center;color:#fff;font:0.20rem/2.2 "microsoft yahei";clear:both}
/*分页*/
.pglist{ padding-top:15px; color:#666666; width:96%; margin:0 auto; font-size:1.3em; text-align:center;}
.pglist a{ color:#666666;}

/*联系我们*/
.lxewm{ width:100%; height:144px; background:#f1f1f1; float: left;}
.lxewm img{ width:118px; float:left; margin:13px 0px 0px 15px;}
.lxewm font{ float:left; color:#999999; font-size:20px; padding:60px 0px 0px 21px;}
.lxnr{ width:360px; color:#333333; font-size:14px; line-height:180%; float: left; margin-top: 20px;}
.lxnr font{ color:#0080cc; font-size:20px;}
.lxzong{ margin:20px auto 0 auto;}
#allmap{ height:240px; border:1px solid #CCC; margin:0 auto 20px auto;}


/* 加盟 */
.sec{position: relative; top: -30px;}
.join-sec1{width:100%; margin:0px auto; padding: 0 ;height: 164px; background: url(../images/join/jianjie.jpg) no-repeat center top; background-size: cover;}
.join-sec2{width:100%; margin:0px auto; padding: 0 ;height: 350px; background: url(../images/join/qianjing.jpg) no-repeat center top; background-size: cover;}
.join-sec3{width:100%; margin:0px auto; padding: 0 ;height: 230px; background: url(../images/join/youshi.jpg) no-repeat center top; background-size: cover;}
.join-sec4{width:100%; margin:0px auto; padding: 0 ;height: 327px; background: url(../images/join/kecheng.jpg) no-repeat center top; background-size: cover;}
.join-sec5{width:100%; margin:0px auto; padding: 0 ;height: 250px; background: url(../images/join/jingsai.jpg) no-repeat center top; background-size: cover;}
.join-sec6{width:100%; margin:0px auto; padding: 0 ;height: 220px; background: url(../images/join/zhichi.jpg) no-repeat center top; background-size: cover;}
.join-sec7{width:100%; margin:0px auto; padding: 0 ;height: 214px; background: url(../images/join/tiaojian.jpg) no-repeat center top; background-size: cover;}
.join-sec8{width:100%; margin:0px auto; padding: 0 ;height: 284px; background: url(../images/join/liucheng.jpg) no-repeat center top; background-size: cover;}

#fenlei ul li a.active{ background:#0098dc;}

/* 简介 */
.about-sec1{width:100%; margin:0px auto; padding: 0 ;height: 248px; background: url(../images/about/youlai.jpg) no-repeat center top;  background-size: cover;}
.about-sec2{width:100%; margin:0px auto; padding: 0 ;height: 197px; background: url(../images/about/wenhua.jpg) no-repeat center top;  background-size: cover;}
.about-sec3{width:100%; margin:0px auto; padding: 0 ;height: 233px; background: url(../images/about/jianjie.jpg) no-repeat center top; background-size: cover;}
.about-sec4{width:100%; margin:0px auto; padding: 0 ;height: 90px; background: url(../images/about/wenda.jpg) no-repeat center top; background-size: cover;}
.about-sec5{width:100%; margin:0px auto; padding: 0 ;height: 178px; background: url(../images/about/kecheng.jpg) no-repeat center top; background-size: cover;}
.about-sec6{width:100%; margin:0px auto; padding: 0 ;height: 383px; background: url(../images/about/jingsai.jpg) no-repeat center top; background-size: cover;}
.about-sec7{width:100%; margin:0px auto; padding: 0 ;height: 270px; background: url(../images/about/tuandui.jpg) no-repeat center top; background-size: cover;}
.about-sec8{width:100%; margin:0px auto; padding: 0 ; background: url(../images/about/rongyu.jpg) no-repeat center top #ef8133; background-size: 176%; padding-bottom: 20px;}

/* 团队 */
.Box_con {position: relative; width: 289px; margin: 0 auto; padding-top: 50px;}
.Box_con .btnl {position: absolute;}
.Box_con .btn {display: block;width: 21px;height: 41px;position: absolute;top: 43%;cursor: pointer;}
.Box_con .btnl {background: url(../images/other_page/jtl02.png) no-repeat center;left: -30px;}
.Box_con .btnr {background: url(../images/other_page/jtr02.png) no-repeat center;right: -30px;}
.Box_con .btnl:hover {background: url(../images/other_page/jtl03.png) no-repeat center;}
.Box_con .btnr:hover {background: url(../images/other_page/jtr03.png) no-repeat center;}
.Box_con .conbox {position: relative;overflow: hidden;}
.Box_con .conbox ul {position: relative;list-style: none;}
.Box_con .conbox ul li {float: left;height: 160px;margin-left: 40px;overflow: hidden;}
.Box_con .conbox ul li:first-child {margin-left: 0;}
.Box_con .conbox ul li img {display: block;height: 160px;transition: all 0.5s;}
/* .Box_con .conbox ul li:hover img {transform: scale(1.1);} */
	
.BoxSwitch {margin-top: 10px;text-align: center;}
.BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 18px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.BoxSwitch span.cur {background: #0098dc;}

/* 荣誉 */
.honor-container{width:90%; margin:0 auto;position:relative; padding-top: 50px;}