.clear{clear:both;}

.advantage{width:1200px;margin: 0 auto;padding: 60px 0;}
.advantage-title{width:100%;}
.advantage-title p{font-size: 48px;color:#333333;text-align: center;line-height: 48px;}
.advantage-info{width:100%;margin-top: 80px;}
.advantage-list{width:240px;margin-left: 80px;float: left;}
.advantage-list header h1{font-size: 24px;color:#33cc99;text-align: center;line-height: 24px;}
.advantage-tip{margin-top: 20px;text-align: center;height:240px;cursor: pointer;}
.advantage-img{margin-top: -265px;position: relative;}
.advantage-intro{margin-top: 20px;}
.advantage-intro h1{font-size: 18px;color:#333;text-align: center;margin-bottom: 20px;line-height: 18px;}
.advantage-intro p{font-size: 12px;color:#666;text-align: center;}

.system{width:100%;height:512px;margin:0;padding: 60px 0;background: url("http://img.linewow.com/v2017img/0810/system_bg.jpg") top center no-repeat;background-size: 100% 100%;}
.system-title{width:100%;}
.system-title p{font-size: 36px;color:#333333;text-align: center;line-height: 36px;}
.system-info{width:1200px;margin:0 auto;margin-top: 60px;}
.system-list{width:270px;margin-left: 40px;float: left;height:408px;background-color: #fff;box-shadow: 0px 10px 10px 2px #7bb8a2;}
.system-img{width:270px;height:171px;overflow: hidden;cursor: pointer;}
.system-intro{padding: 40px 10px;}
.system-intro h1{font-size: 18px;color:#33cc99;text-align: center;line-height: 18px;margin-bottom: 30px;}
.system-intro p{font-size: 12px;color:#666;text-align: center;}

.process{width:1200px;margin:0 auto;height:500px;padding: 60px 0;}
.process-title{width:100%;}
.process-title p{font-size: 36px;color:#333333;text-align: center;line-height: 36px;}
.process-info{width:100%;margin-top:36px;}
.process-list1{width:346px;margin-left: 10px;float: left;}
.process-list2{width:488px;margin-left: 10px;float: left;}
.process-info h1{font-size: 24px;color:#33cc99;text-align: center;line-height: 24px;}
.process-info img{margin-top: 44px;}
.process-p{width:280px;margin:40px auto;}
.process-info p{font-size: 16px;color:#333;text-align: center;}

.test{width:100%;height:158px;margin:0;padding: 60px 0;background: url("http://img.linewow.com/v2017img/0810/test_bg.jpg") top center no-repeat;background-size: 100% 100%;}
.test-title{width:100%;}
.test-title p{font-size: 48px;color:#333333;text-align: center;line-height: 48px;}
.test-info{width:1200px;margin: 60px auto;}
.test-info input{margin-left: 10px;width:266px;padding-left: 62px;line-height: 50px;height:50px;font-size: 16px;color: #2f2e2e;border-radius: 7px;position: relative;}
#username{background-image: url("http://img.linewow.com/v2017img/0810/user_ico.png");background-repeat: no-repeat;background-position: 10px 10px;}
#phone{background-image: url("http://img.linewow.com/v2017img/0810/phone_ico.png");background-repeat: no-repeat;background-position: 10px 10px;}
#email{background-image: url("http://img.linewow.com/v2017img/0810/email_ico.png");background-repeat: no-repeat;background-position: 10px 10px;}
#sub{width:160px;padding: 0px;background-color: #40C793;font-size: 24px;color:#fff;cursor: pointer;}

.photo{width:1200px;margin:0 auto;height:786px;padding: 60px 0;}
.photo-title{width:100%;}
.photo-title p{font-size: 36px;color:#333333;text-align: center;line-height: 36px;}
.photo-info{width:100%;margin-top:60px;position: relative;}
#photo{width: 92%;margin-left: 4%;}
#photo_left{width:200px;top:120px;left:0px;position: absolute;
animation:left 2s linear 0s infinite alternate ;
-moz-animation:left 2s linear 0s infinite alternate; /* Firefox */
-webkit-animation:left 2s linear 0s infinite alternate; /* Safari and Chrome */
-o-animation:left 2s linear 0s infinite alternate;}
#photo_right{width:320px;top:32px;left:880px;position: absolute;
animation:right 2s linear 0s infinite alternate ;
-moz-animation:right 2s linear 0s infinite alternate; /* Firefox */
-webkit-animation:right 2s linear 0s infinite alternate; /* Safari and Chrome */
-o-animation:right 2s linear 0s infinite alternate;}

.teacher{width:100%;height:636px;margin:0;padding: 60px 0;background: url("http://img.linewow.com/v2017img/0810/teacher_bg.jpg") top center no-repeat;background-size: 100% 100%;}
.teacher-title{width:100%;}
.teacher-title p{font-size: 36px;color:#333333;text-align: center;line-height: 36px;}
.teacher-info{width:1200px;margin: 60px auto;}
/*轮播教材那块*/
#four_flash{width:1200px;height:500px; margin:0 auto;position:relative;}
#four_flash .flashBg{width:1200px;height:500px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:500px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:280px;;margin-right:26px;}
#four_flash .flashBg ul.mobile li img{width:280px;height:500px;display:block;}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:204px; left:-50px;cursor: pointer;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:204px; right:-50px;cursor: pointer;}

.honor{width:1200px;margin:0 auto;height:378px;padding: 60px 0;}
.honor-title{width:100%;}
.honor-title p{font-size: 36px;color:#333333;text-align: center;line-height: 36px;}
.honor-info{width:100%;margin-top:60px;}
#div1{ width: 1200px; height: 276px; position: relative; margin: 0 auto;overflow: hidden;}
#div1 ul { width: 800px; height: 276px; position: relative; }
#div1 ul li { height: 276px; float: left; list-style: none;margin-left: 52px;}
#div1 ul li img { width: 236px; height: 236px; display: inline-block;}
#div1 ul li p{margin-top: 20px;text-align: center;font-size: 18px;color:#333;line-height: 18px;}

.logo{width:100%;height:70px;margin:0;padding: 50px 0;background: url("http://img.linewow.com/v2017img/0810/logo_bg.png") top center no-repeat;background-size: 100% 100%;}
.logo-info{width:1200px;margin: 0 auto;}
.logo-info img{float: left;}
.logo-info p{float: right;width:264px;height:50px;margin-top: 10px;background-color: #33cc99;color:#fff;font-size: 24px;line-height: 50px;text-align: center;border-radius: 10px;cursor: pointer;}

.code{width:1200px;height:240px;margin:0 auto;padding: 60px 0;}
.code-info{width:860px;margin: 0 auto;}
.code-list{width:180px;margin-left: 80px;float: left;}
.code-list p{margin-top: 20px;font-size: 18px;color:#333;text-align: center;}

.zhuan{animation:routate 1s 1;
-moz-animation:routate 1s 1; /* Firefox */
-webkit-animation:routate 1s 1; /* Safari and Chrome */
-o-animation:routate 1s 1;}
.fanzhuan{animation:routatefan 1s 1;
-moz-animation:routatefan 1s 1; /* Firefox */
-webkit-animation:routatefan 1s 1; /* Safari and Chrome */
-o-animation:routatefan 1s 1;}
.gobig{animation:gobig 1s 1;
-moz-animation:gobig 1s 1; /* Firefox */
-webkit-animation:gobig 1s 1; /* Safari and Chrome */
-o-animation:gobig 1s 1;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
}
.gosmall{animation:gosmall 1s 1;
-moz-animation:gosmall 1s 1; /* Firefox */
-webkit-animation:gosmall 1s 1; /* Safari and Chrome */
-o-animation:gosmall 1s 1;}

@-webkit-keyframes routate{
	0%   {transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
	}
@keyframes routate{
	0%    {transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
	}
@-webkit-keyframes routatefan{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(-360deg);}
	}
@keyframes routatefan{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(-360deg);}
	}
@-webkit-keyframes gobig{
	0%{width:270px;height:171px;}
	100%{width:324px;height:205px;margin-left:-27px;margin-top:-17px;}
	}
@keyframes gobig{
	0%{width:270px;height:171px;}
	100%{width:324px;height:205px;margin-left:-27px;margin-top:-17px;}
	}
@keyframes gosmall{
	0%{width:324px;height:205px;margin-left:-27px;margin-top:-17px;}
	100%{width:270px;height:171px;margin-left:0px;margin-top:0px;}
	}
@-webkit-keyframes gosmall{
	0%{width:324px;height:205px;margin-left:-27px;margin-top:-17px;}
	100%{width:270px;height:171px;margin-left:0px;margin-top:0px;}
	}

@-webkit-keyframes left{
	0%   {left:0px;}
	50%{left:20px;}
	100%{left:0px;}
	}
@keyframes left{
	0%   {left:0px;}
	50%{left:20px;}
	100%{left:0px;}
	}
@-webkit-keyframes right{
	0%   {left:880px;}
	50%{left:860px;}
	100%{left:880px;}
	}
@keyframes right{
	0%   {left:880px;}
	50%{left:860px;}
	100%{left:880px;}
	}