body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
div{box-sizing: border-box;}
dl{margin: 0;}
body{font:14px Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;-webkit-text-size-adjust:100%;} 
a{text-decoration:none} 
em{font-style:normal} 
li{list-style:none} 
img{border:0;vertical-align:middle} 
table{border-collapse:collapse;border-spacing:0} 
p{word-wrap:break-word} 
html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: "Microsoft YaHei" !important;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .clearfix{ clear: both; content: ""; display: block; overflow: hidden }
    .nav-c{position: fixed;top: 0px;z-index:999;width: 98%; background: rgba(255, 255, 255, .8);padding: 8px 20px;border-bottom: 1px #e8e8e8 solid;}
	.nav-logo{float: left;margin-left: 30px!important;}
	.rlogo{float: left;margin-right: 13%;line-height: 50px;margin-top: 2px;}
	.logo1{width: 140px;}
	.logo2{width: 140px;margin-top: -10px;}
	/*.nav-info{width: 1500px;}*/
	.nav-info .active{color: #0e9ee4;}
	.swiper-index{cursor: pointer;}
	/*.nav-list li:nth-child(2){margin-left: 9%;}
	@media screen and (min-width: 1650px) {
		.nav-list li:nth-child(2){margin-left: 15%;}
	}*/
	.nav-info li{float: left;padding: 5px 1%;font-size: 24px;align-items: center;line-height: 50px;}
	.swiper-div1{background: url(../images/demo/bg.jpg) no-repeat;background-size: 100% 100%;}
	.div1-con{text-align: center;margin-top:130px;width: 100%;}
	.swiper-div1 .info{margin-top: 30px;margin-bottom:30px;text-align: center;font-size: 60px;}
	.div1-shebei{margin-left:-50px}
	.div1-xiaz{margin-top: 20px;width: 950px;}
	.div1-xiaz:after{content: '';clear: both;display: block;}
	
	.div1-xiaz .online{margin: 20px 25px 0px 50px;}
	.centerline{width: 1px;height: 240px;background: #6f6f6f;margin: 0px 25px;}
	.xiazai div{float: left;}
	.div1-erweim{margin-right: 25px;margin-top:20px;}
	.div1-button{margin-top:25px;animation:button 1.5s ease-out forwards;-moz-animation:button 1.5s ease-out forwards;-webkit-animation:button 1.5s ease-out forwards;-o-animation:button 1.5s ease-out forwards;}
	.div1-button a{display: block;padding: 12px 30px;color: #FFFFFF;border-radius: 30px; font-size: 22px;}
	.div1-button img{width: 30px;margin-right: 10px;}
	.a-pc{background: #5BB8FF;margin-top: 10px;}
	.a-wap{background: #68CE96;margin-top: 10px;}
	@keyframes button
	{
	  0% {
	    opacity: 0;
	    transform: translateY(-10px);
	  }
	  100% {
	  	opacity: 1;
	    transform: translateY(10px);
	  }

	}
	@-moz-keyframes button /* Safari and Chrome */
	{
	  0% {
	    opacity: 0;
	    transform: translateY(-10px);
	  }
	  100% {
	  	opacity: 1;
	    transform: translateY(10px);
	  }
	}
	@-webkit-keyframes button /* Safari and Chrome */
	{
	  0% {
	    opacity: 0;
	    transform: translateY(-10px);
	  }
	  100% {
	  	opacity: 1;
	    transform: translateY(10px);
	  }
	}
	@-webkit-keyframes button /* Safari and Chrome */
	{
	  0% {
	    opacity: 0;
	    transform: translateY(-10px);
	  }
	  100% {
	  	opacity: 1;
	    transform: translateY(10px);
	  }
	}
	.notice{text-align: left;}
	.notice img{width: 80%;height: 100px;max-width: 467px;}
	.continue{width: 50%;float: left;padding: 0px 45px;color: #0e9ee4;}
	.div2-con{width: 100%;padding-top: 80px;}
	.div2-top{text-align: center;}
	.div2-main{text-align: center;position: relative;width:750px; margin: 0 auto;margin-top: 20px;}
	.div2-main img{-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .4s;opacity: 0;}
	.div2-m1{position: absolute;top: 2px;left:30px;width: 220px;height: 93px;background: url(../images/demo/m_01.jpg) no-repeat;background-size:100%;
		-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.div2-m2{position: absolute;top: -10px;left: 430px;width: 308px;height: 93px;background: url(../images/demo/m_02.jpg) no-repeat;background-size:100%;
		-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.div2-m3{position: absolute;top: 250px;left:0px;width: 220px;height: 93px;background: url(../images/demo/m_03.jpg) no-repeat;background-size:100%;
		-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.div2-m4{position: absolute;top: 140px;left:540px;width: 220px;height: 93px;background: url(../images/demo/m_04.jpg) no-repeat;background-size:100%;
		-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.div2-m5{position: absolute;top: 410px;left:230px;width: 311px;height: 93px;background: url(../images/demo/m_05.jpg) no-repeat;background-size:100%;
		-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.div2-m6{position: absolute;top: 305px;left:535px;width: 220px;height: 93px;background: url(../images/demo/m_06.jpg) no-repeat;background-size:100%;
		-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.swiper-slide-active .div2-main img {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .5s;
	}
	.swiper-slide-active .div2-m1 {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease-out .6s;
	}
	.swiper-slide-active .div2-m2 {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .6s;
	}
	.swiper-slide-active .div2-m3 {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .6s;
	}
	.swiper-slide-active .div2-m4 {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .6s;
	}
	.swiper-slide-active .div2-m5 {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .6s;
	}
	.swiper-slide-active .div2-m6 {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .6s;
	}
	
	.div3-con{width: 100%;padding-top: 70px;}
	.imglist{width: 950px;margin: 0 auto;}
	.left{float: left;}
	.pc1 img{width: 330px;margin-left: 100px;
			-webkit-transform: translate3d(-30px, 0, 0);transform: translate3d(-30px, 0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.pc2 img{width: 400px;
			-webkit-transform: translate3d(30px, 0, 0);transform: translate3d(30px, 0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.pc3 img{width: 620px;margin-left: 50px;
			-webkit-transform: translate3d(0, -30px, 0);transform: translate3d( 0,-30px, 0);transition: .2s ease-out .6s;opacity: 0;}
	.swiper-slide-active .pc1 img {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	.swiper-slide-active .pc2 img {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	.swiper-slide-active .pc3 img {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	
	
	
	.div4-con{width: 100%;padding-top: 90px; background: #f6f6f6;}
	.pc4{width: 350px;-webkit-transform: translate3d( -30px, 0, 0);transform: translate3d( -30px,0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.pc5{width: 480px;-webkit-transform: translate3d( 30px, 0, 0);transform: translate3d( 30px, 0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.pc6{width: 480px;-webkit-transform: translate3d(-30px, 0, 0);transform: translate3d( -30px,0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.pc7{width: 359px;-webkit-transform: translate3d(30px, 0, 0);transform: translate3d( 30px, 0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.swiper-slide-active .pc4 {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	.swiper-slide-active .pc5 {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	.swiper-slide-active .pc6 {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	.swiper-slide-active .pc7 {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	
	
	.div5-con{width: 100%;padding-top: 150px;}
	.center{position: relative;width: 1200px;}
	.center:after{content: '';clear:both;display: block;}
	.pcpic{float: left;-webkit-transform: translate3d( -50px, 0, 0);transform: translate3d( -50px,0, 0);transition: .2s ease-out .6s;opacity: 0;}
	.mobipic{position: absolute;top: 160px;left: 300px;-webkit-transform: translate3d( 50px, 0, 0);transform: translate3d( 50px,0, 0);transition: .2s ease-out .6s;opacity: 0;}
	
	.swiper-slide-active .pcpic {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	.swiper-slide-active .mobipic {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	
	.rcon{float: left;margin-top: 50px;}
	.ffont{overflow: hidden;margin-left:70px}
	.ffont li{ float: left;font-size:40px;margin: 10px 30px;color: #0abbff;}
	.ffont li:first-child{font-size: 42px!important;padding-top: 5px;}
	.fbutton{overflow: hidden;}
	.fbutton li{float: left;margin: 10px 30px;font-size:22px;}
	.fmiao{font-size: 26px;text-align: center;margin-bottom: 30px;}
	.fbutton div{margin-bottom: 20px;text-align: center;}
	.fbutton a{border: 2px solid #0abbff; border-radius: 30px; padding: 10px 20px;color: #0abbff;}
	.fbutton .gr{border-color: #33af35;color: #33af35;}
	.erwei{text-align: center;}
	
	.div6-con{width: 100%;padding-top: 70px;}
	.div6-con .posi{position: relative;}
	.div6-top img{width: 950px;}
	.zjlist li{float: left;margin: 0px 23px;margin-top: 5px;-webkit-transform: translate3d( 0, 50px, 0);transform: translate3d( 0,50px, 0);transition: .2s ease-out .6s;opacity: 0}
	.zjlist li img{width:160px;}
	.swiper-slide-active .zjlist li {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	.expic{width:160px;margin:0 auto;}
	.zjlist .expert{width: 160px;margin:0 auto;background-color: #f5a100;color: #FFFFFF;text-align: center;padding: 3px;border-radius: 5px;margin-top: 5px;}
	.zjlist .intro{width:160px;font-size: 13px;margin:0 auto;margin-top: 15px;color: #6f6f6f;}
	.videoSee {
	    width: 182px;
	    height: 411px;
	    left: 10px;
	    top: 20%;
	    z-index: 999;
	    position: absolute;
	}
	.newYear {
    width: 380px;
    height: 240px;
    right: 30px;
    top: 8%;
    z-index: 999;
    position: absolute;
}
	.expert span:first-child{font-weight: bold;}
	.expert span:last-child{font-size: 15px;margin-left:5px ;}
	.proli li{float: left;
		    margin: 12px 15px;
		    padding: 10px 4px;
		    border: 1px solid #0e9ee4;
		    border-radius: 30px;
		    min-width: 260px;
		    text-align: center;
		    margin-top: 5px;-webkit-transform: translate3d( 0, 10px, 0);transform: translate3d( 0,10px, 0);transition: .2s ease-out .6s;opacity: 0}
	.swiper-slide-active .proli li {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .4s;
	}
	.proli li a{color: #0e9ee4;}
	.proli2 li{float: left;
			border: 1px solid #0e9ee4;
			border-radius: 30px;text-align: center;
			margin: 15px 10px;
		    padding: 10px 24px;
		    min-width: 154px;
	}
	.proli2 li a{color: #0e9ee4;}
	.proli3{margin-left: 100px;}
	.proli3 li{float: left;
			border: 1px solid #0e9ee4;
			border-radius: 30px;text-align: center;
			margin: 15px 10px;
		    padding: 10px 4px;
		    min-width: 220px;
	}
	.proli3 li a{color: #0e9ee4;}
	.proli{overflow: hidden;}
	
	.div7-top img{width: 950px;}
	.stuul{float: left;}
	.stuul img{width: 50px;}
	.s1{margin-left: 30px;width: 400px;-webkit-transform: translate3d(  -50px,0, 0);transform: translate3d( -50px, 0,0);transition: .8s ease-out .6s;opacity: 0}
	.s2{margin-left: 180px;-webkit-transform: translate3d(50px,  0, 0);transform: translate3d( 50px,0, 0);transition: .6s ease-out .8s;opacity: 0}
	.stuul li{padding-top: 50px;overflow: hidden;height: 100px;}
	.stuul span{margin-left: 15px;font-size: 23px;color: #6f6f6f;}
	.fleft{float: left;}
	.smallcon{margin-left:20px ;font-size: 16px;line-height: 22px;color: #6f6f6f;}
	
	.fl{-webkit-transform: translate3d(  -50px,0, 0);transform: translate3d( -50px, 0,0);transition: .2s ease-out .6s;opacity: 0}
	.fr{text-align: right;-webkit-transform: translate3d(50px,  0, 0);transform: translate3d( 50px,0, 0);transition: .2s ease-out .6s;opacity: 0}
	.swiper-slide-active .s1 {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .6s;
	}
	.swiper-slide-active .s2 {
		 opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	          transform: translate3d(0, 0, 0);
	  transition: .4s ease .6s;
	}
	.swiper-about{background: url(../images/demo/about_bg.jpg) no-repeat;background-size: 100% 100%;}
	.div9-con{width: 100%;padding-top: 70px;}
	.div9-con .imglist{text-align: center;}
	.imglista{width: 950px;margin: 0 auto;height: 100%;}
	.about{margin-top: 80px;height: 100%;text-align: center;}
	.about img{height: 400px;}
	.about .cominfo{margin-top: 50px;text-align: center;}
	.about p{color: #9d9d9d;}
	.about a{color: #9d9d9d;}
	.foot_div2 {
    display: block;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    clear: both;}
    .foot_div2 p {
    font-size: 12px;
    color: #615F60;
    line-height: 30px;
}
.search_kemu{background-color: rgba(0,0,0,.7);position: fixed;height: 70px;bottom: 0px;width: 100%;z-index: 100;}
.search_bx{width: 1200px;margin: 0 auto;position: relative;}
.flex-close{position: absolute;top: 5px;right: 100px;height: 32px;width: 32px;line-height: 30px;border: none;
    background: url(../images/close.png) center no-repeat;
    font-size: 32px;
    color: #999;
    text-align: center;
    cursor: pointer;
}
.btn-enroll{
	display: inline-block;
    vertical-align: middle;
    height: 36px;
    width: 96px;
    background-color: #FF8000;
    background-size: cover;
    margin-left: 40px;
    line-height: 36px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    border: none;text-align: center;}
.search_cen{text-align: center;padding-top: 12px;}
.search_cen>.input{border: 1px solid #fff;font-size:18px;padding: 6px;width: 400px;height: 25px;vertical-align:bottom;}
.search_cen>.bzhi{font-size: 28px;color: #fff;margin-right: 30px;}
@media screen and (max-width: 1600px) {
	.div1-xiaz{margin-top: 0px;}
	.swiper-div1 .info{margin-top: 20px;margin-bottom: 20px;}
}
@media screen and (max-width: 1250px) {
	.rlogo{margin-right: 5%;}
	/*.rlogo{margin-right: 20px;}*/
}

@media screen and (max-width: 1050px) {
	.rlogo{margin-right: 20px;}
	.nav-info li{line-height: 45px;padding: 5px 6px;}
}