@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
input,select{font:14px/30px "Microsoft YaHei",arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif; line-height:50px;}
li{ list-style:none;}
body{ background:#fff; width:100%; font:14px/30px "Microsoft YaHei",arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif}
a{ text-decoration:none; color:#fff;}
img{ display:block; border:none 0;}
.w90{ width:1002px; min-width:1002px; margin:0 auto;}
/*---top---*/
.top{ position:absolute; top:0;width:1002px; height:50px; margin-left:-501px; left:50%; min-width:1000px; }
.top a{ float:left; margin-right:20px; margin-top:10px;}
.top .logo{ background:url(../images/logo.png) no-repeat; width:162px; height:34px;}
.top .teach{ background:url(../images/teach.png) no-repeat; width:144px;height:34px;}
.top .tom{ background:url(../images/tom.png) no-repeat; width:175px; height:25px;}
.top .phone{ background:url(../images/topicon.png) no-repeat;float: right;width: 192px;height: 46px;background-position: 0px -55px;}
/*--banner---*/
.banner{ width:100%; min-width:1002px; position:relative; background:url(../images/banner.png) no-repeat; background-position:top center; height:700px;}
.banner .nav{ background: url(../images/nav.png) no-repeat;width: 154px;height: 327px;position:fixed;top: 50px;right:15px; z-index:10; _position:absolute;}
.nav ul{width: 100%;height: 220px;padding-top:94px;}
.nav ul li{text-align: center;height: 30px;line-height: 38px;font-size: 18px; cursor:pointer; color:#004754}
.nav .books{background: url(../images/books.png) no-repeat;position: absolute;width: 107px;height: 44px;left: 50%;margin-left: -46px;top:44px;}
.banner .peogif{background: url(../images/run.gif) no-repeat;width: 1002px;height: 225px;position: absolute;left: 50%;margin-left: -501px;bottom: 0;}
/*---content---*/
.content{ width:100%; min-width:1002px; overflow:hidden;}
.content .title{ height:198px; position:relative;}
.content .title img{position:absolute; top:50%; left:50%;}
.con1{ width:100%; height:850px; background-color:#ff461b}
.con1 .activetime{ text-align:center; color:#fff; padding-top:36px;}
.activetime .countdown{font-size: 34px;background-color: #e53209;display: block;width: 754px;height: 64px;text-align: center;line-height: 64px;margin: 0 auto; margin-bottom:24px;}
.activetime .buytime{  font-size:20px; line-height:24px;}
.entrance{ width:980px; height:484px; border-top:1px dashed #fff; padding:0 10px; overflow:hidden; margin-top:46px;padding-top: 20px;margin-bottom: 46px;}
.entrance .book01{ float:left; margin-right:68px; margin-top:50px;}
.entrance .shop{float: left;width: 515px;height: 416px;margin-top:30px;padding: 17px; border:2px dashed #fff;}
.shop2{ display:block;width: 540px;float: left;margin-top:120px; position:relative;}
.shop2 .huatu{background: url(../images/huatu.png) no-repeat;width: 206px;height: 62px;position: absolute;top: 92px;left: 50px;}
.shop2 .tianmao{background: url(../images/tiammao.png) no-repeat;position: absolute;top: 92px;width: 206px;height: 62px;right: 54px;}
.order{width: 500px;overflow: hidden;margin: 0 auto;}
.int{ width:522px;}
.int label{color: #fff;font-size: 20px;line-height: 50px;}
.int input{width: 166px;height: 50px;padding-left: 10px;font-size: 20px;background-color: #ff6744;border: 1px solid #e93910;margin-right: 20px;outline: none;color: #fff;}
.sel{margin-top: 10px;font-size: 20px;color: #fff; width:518px;}
.sel select{width: 150px;padding-left: 20px;height: 50px;background-color: #ff6744;color: #fff;border: 1px solid #e93910;outline: none;margin-right: 42px;font-size: 18px;text-align: center;}
select option{ height:50px; line-height:50px; text-align:center; border:none;}
.order .button{background: url(../images/enter.png) no-repeat;width: 263px;height: 80px;text-indent: 999999em;margin-top: 16px;margin-left: 137px;}
.shop .ps{ text-align:center;margin-top: 34px; position:relative;}
.ps img{ display:inline;}
.ps .tianmao{background: url(../images/tiammao.png) no-repeat;position: absolute;top:34px;width: 206px;height: 62px;right:38px;}
.ps .huatu{background: url(../images/huatu.png) no-repeat;position: absolute;top:34px;width: 206px;height: 62px;left:40px;}
.addser{ text-align:center;}
.addser img{ display:inline;}
/*---con2----*/
.con2{ width:100%; height:900px; background-color:#fff;}
.con2 .title img{ width:721px; height:36px; margin-top:-18px; margin-left:-360px;}
.con2 .waybox{ overflow:hidden;height: 504px;}
.waybox .way{ float:left; height:282px; overflow:hidden;}
.waybox .way2{ margin:94px 130px 0 100px;}
.gobuy{ display: block;width: 100%;height: 53px;text-align: center;margin-top: 82px;}
.gobuy img{ display:inline;}
/*----con3----*/
.con3{ width:100%; height:1200px; background-color:#5ba3eb;}
.con3 .title img{ width:801px; height:72px;  margin-top:-36px;  margin-left:-400px;}
.circlebox{ width:100%; height:696px; background:url(../images/fegexian.png) no-repeat; background-position:center;}
.circlebox .circleleft{ position:relative;width:405px; height:624px; float:left;}
.circlebox .circleleft img{ position:absolute; top:132px; right:0; z-index:2;}
.circlebox .circleright{ position:relative; width:422px; height:596px; float:right; margin-top:98px;}
.circlebox .circleright img{position:absolute; top:120px; left:0; z-index:2;}
.circlebox .circleleft span{ position:absolute;width:116px; height:116px; background:url(../images/circle.png) no-repeat; top:180px; left:212px;}
.circlebox .circleleft .cir02{background-position: 0 -126px;}
.circlebox .circleleft .cir03{background-position: 0 -248px;}
.circlebox .circleleft .cir04{background-position: 0 -364px;}
.circlebox .circleleft .cir05{background-position: 0 -484px;}
.circlebox .circleright span{ position:absolute;width:116px; height:116px; background:url(../images/circle.png) no-repeat;top: 236px;left: 90px;}
.circlebox .circleright .cir01{background-position: -120px 0;}
.circlebox .circleright .cir02{background-position: -120px -126px;}
.circlebox .circleright .cir03{background-position: -120px -248px;}
.circlebox .circleright .cir04{background-position: -120px -364px;}
.circlebox .circleright .cir05{background-position: -120px -486px;}
.circlebox .y01{background: url(../images/y01.png) no-repeat;width: 173px;height: 96px;position: absolute;bottom: 150px;right: 120px;z-index:3;}
.circlebox .y02{background: url(../images/y02.png) no-repeat;width: 35px;height: 55px;position: absolute;right: -96px;top: 222px;}
.circlebox .y03{background: url(../images/y03.png) no-repeat;position: absolute;width: 75px;height: 62px;left: -268px;top: 268px;left: -50px;z-index:1;}
.circlebox .y04{background: url(../images/y04.png) no-repeat;position: absolute;width: 301px;height: 119px;left: 70px;bottom: 176px;z-index: 3;}
.circlebox .y05{background: url(../images/y05.png) no-repeat;width: 90px;height: 80px;position: absolute;top: 150px;left: 120px;}
.ipadbox{ width:850px; padding:0 76px; height:272px;margin-top: 34px;}
.ipadbox .ipad01{ float:left;}
.ipadbox .ipad01{ float:right;}
/*---con4---*/
.con4{ width:100%; height:1000px; background-color:#fff;}
.con4 .title img{ width:761px; height:72px; margin-top:-18px; margin-left:-360px;}
.f-way{text-align: center;margin-top: 12px;}
.f-way img{ display:inline;}
.con4 ul{overflow: hidden;width: 100%;height: 174px; margin-top:58px;}
.con4 ul li{ float:left; width:334px; height:174px;}
.con4 ul li.taste{ background-color:#ff5bde;}
.con4 ul li.essay{ background-color:#f2bf46;}
.con4 ul li.piece{ background-color:#25bbc4;}
.con4 ul li span{float: left;font-size: 20px;line-height: 36px;padding-top: 48px;color: #fff;}
.con4 ul li .icon{ width:80px; height:90px; background:url(../images/icon.png) no-repeat; margin-top:38px; margin-left:36px; padding:0;}
.con4 ul li .ipadicon{background-position:0 0;}
.con4 ul li .roundicon{background-position: -94px 0;}
.con4 ul li .clockicon{background-position: -190px 0;}
.con4 .c4circle{ height:220px; width:100%; margin-top:62px;}
.c4circle .c4cir{ float:left; width:248px; height:220px; position:relative;}
.c4circle .c4cir span{ position: absolute;background: url(../images/c4circle.png) no-repeat;width: 218px;height: 214px;top: 0;left: 0;}
.c4circle .c4cir i{ position: absolute;background: url(../images/solid.png) no-repeat;width: 30px;height: 14px;right: 0;top: 50%;margin-top: -7px;}
.c4circle .c4cir02 span{background-position: -254px 0;}
.c4circle .c4cir03 span{background-position: -502px 0;}
.c4circle .c4cir04 span{background-position: -754px 0;}
/*---con5---*/
.con5{ width:100%; height:1128px; background-color:#f1b80c;}
.con5 .title{ height:180px;}
.con5 .title img{ width:995px; height:36px;  margin-top:-18px;  margin-left:-497px;} 
.package{ width:864px; padding:0 69px; height:886px; background:url(../images/tenline.png) no-repeat;background-position: center 48px;}
.package div{ float:left; text-align:center; width:350px; margin-bottom:70px;}
.package .two,.package .four{ float:right;}
.package div a{ width: 220px;height: 55px;background: url(../images/gobuy05.png) no-repeat;display: block;margin: 0 auto;}
.package div img{ display:inline; border:none 0;}
/*--con6---*/
.con6{ width:100%; height:1000px; background-color:#fff; position:relative;}
.con6 .title img{ width:670px; height:36px;  margin-top:-18px;  margin-left:-335px;} 
.photoshow{ position:relative; overflow:hidden; width:100%; height:744px;}
.photolist{ width:100%; height:744px;}
.photolist li{ float:left; cursor:pointer;}
.cover{ position:absolute; top:0; left:0; background-color:#000; opacity:0.8; width:100%; height:1000px; display:none;}
.floatlay{ position:absolute; width:100%; height:1000px; top:0; left:0; z-index:-1}
.floatlay ul{width:100%; height:744px; overflow:hidden;}
.floatlay ul li{ display:none;position: absolute;width:100%;height: 250px;background-color: #fff;top: 50%; margin-top:-125px;}
.floatlay ul li div{position:absolute; width:500px; height:222px;left: 50%;top: 50%;margin-top: -111px;margin-left: -250px;}
.floatlay ul li div img{ float:left; width:222px; height:222px; margin-right:36px; }
.floatlay ul li div p{margin-top:20px;width: 240px;float: left;}
.floatlay ul li .introd{ display:block; font-size:18px; margin-bottom:20px;}
.floatlay ul li .motto{ font-size:14px; line-height:24px;}
.floatlay ul li .process{background: url(../images/class.png) no-repeat;width: 124px;height: 40px;margin-top: 18px;display: block;}
/*---con7---*/
.con7{width:100%; height:1199px; background-color:#ec6464;}
.con7 .title img{ width:622px; height:78px;  margin-top:-39px;  margin-left:-311px;}
.area{height:616px;width: 917px;padding-left: 40px;}
.area ul{ float:left; width:119px; margin-right:14px }
.area ul.line07{ margin-right:0;}
.area ul li{ width:119px; height:64px;text-align:center; color:#fff; font-size:23px; margin-bottom:14px;}
.area ul li .city{ display:block; width:119px; height:64px; text-align:center; line-height:64px;}
.area ul li p{ display:none; width:100%; height:64px; text-align:center; font-size:14px;}
.area p .groupname{ display:block;line-height: 13px;padding-top: 15px;}
.area p .gnumber{font-size:12px;}
.area .line01 li{ background-color:#49a29f;}
.area .line02 li{ background-color:#479580;}
.area .line03 li{ background-color:#46498c;}
.area .line04 li{ background-color:#2c4b78;}
.area .line05 li{ background-color:#8d3a27;}
.area .line06 li{ background-color:#c2b771;}
.area .line07 li{ background-color:#d74140;}
.area .line01 li p{ background-color:#2b8884;}
.area .line02 li p{ background-color:#246251;}
.area .line03 li p{ background-color:#2e3171;}
.area .line04 li p{ background-color:#1d3b65;}
.area .line05 li p{ background-color:#7d2b19;}
.area .line06 li p{ background-color:#a5994a;}
.area .line07 li p{ background-color:#c13130;}
.tv{ text-align:center; margin-top:28px;}
.tv img{ display: inline;}
/*---con8---*/
.con8{width:100%; height:848px; background-color:#fff;}
.con8 .title img{ width:662px; height:36px;  margin-top:-13px;  margin-left:-331px;}
.con8 .quality{ margin-top:16px;}
/*---content end-----*/
/*---footer---*/
.footer{ position:relative; width:100%; height:198px; background-color:#000;margin-top:45px;min-width:1000px;}
.copyright{ position:absolute; top:50%; left:50%; width:447px; height:109px; margin-top:-54px; margin-left:-223px;}/* CSS Document */
/*---anim----*/
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
-webkit-transform: all 1s;
	-ms-transform: all 1s;
	-o-transform: all 1s;
	transform: all 1s;

	/*animation-name: colorchange; /**这里引用了前面定义的动画**/
	-webkit-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-direction: normal;
	-o-animation-direction: normal;
	animation-direction: normal;/* normal：默认，从0%执行到100% | reverse：动画从100%执行到0% | alternate：动画在0%到100%之间往复执行|alternate-reverse与alternate一致，不过是从100%开始 */
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}
/* CSS Document */