body{
    font-family:"Microsoft YaHei";
}
.wrap{
    width: 100%;
    min-width: 1190px;
    background: #fff;
}
/*header*/
.header{
    width: 100%;
    height: 70px;
    background: rgba(255, 255, 255, 0.95);
    opacity:rgba(255,255,255,0.95);
    filter:Alpha(opacity=95);
    min-width: 1190px;
    position: fixed;
    top: 0;

    z-index: 999;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    background: #fff\0;
    border-bottom: 1px solid #ccc;
}
.head{
    width: 1190px;
    margin: 0 auto;

}
.logo{
    float: left;
    height: 70px;
}
.logo img{
    float: left;
    margin-top: 10px;
}
.logo p{
    float: left;
    height: 35px;
    margin-left: 11px;
    border-left: 1px solid #000;
    margin-top: 18px;
}
.logo p span{
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #333;
    padding-left: 11px;
}
.head ul{
    float: left;
    margin-left: 75px;
    line-height: 70px;
}
.head ul li{
    float: left;
    padding-right: 40px;
}
.head ul li a{
    float: left;
    color: #333;
    font-size: 16px;
    line-height: 68px;
}
.head ul li a:hover{
    color:#e71f19;
    border-bottom: 2px solid #e71f19;

}


.head .hRight{
    float: right;
    line-height: 70px;

}
.head .hRight a{
    font-size: 16px;
    color: #333;
    float: left;
    line-height: 68px;
}
.head .hRight a:hover{
    color:#e71f19;
    border-bottom: 2px solid #e71f19;
}
.head .hRight span{
    width: 120px;
    height: 42px;
    display: inline-block;
    background: #e71f19;
    font-size: 16px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    margin-top: 15px;
    margin-left: 30px;
    cursor: pointer;
    border-radius: 4px;
}
.head .hRight span:hover{
    background: #ff0000;
}
/*banner*/
.banner{
    height: 765px;
    width: 100%;
    min-width: 1190px;
    background: url("../images/banner_02.png") no-repeat center center;
    padding-top: 135px;
    margin-top: 70px;
    overflow: hidden;
}
.bLogo{
    width: 325px;
    margin: 0 auto;
}
.dlBox{
    width: 1190px;
    margin: 0 auto;
}
.dlBox>div{
    float: left;
    margin-right: 35px;
    transition:0.5s;
    margin-top:140px;
}
@media screen and (min-width: 0)  {
    .dlBox .img1{
        margin-top: 389px!important;
        transition:0.5;
        transition-delay: 0.1s;

    }
    .dlBox .img2{
        margin-top: 409px!important;
        transition:0.5;
        transition-delay: 0.15s;

    }
    .dlBox .img3{
        margin-top: 429px!important;
        transition:0.5;
        transition-delay: 0.2s;

    }
}
.dlBox>div.up1{
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}
.dlBox>div.up2{
    -webkit-transform: translateY(-270px);
    -ms-transform: translateY(-270px);
    transform: translateY(-270px)
}
.dlBox>div.up3{
    -webkit-transform: translateY(-290px);
    -ms-transform: translateY(-290px);
    transform: translateY(-290px)
}
/*精品课程*/
.courseBox{
    height: 830px;
    width: 100%;
    min-width: 1190px;
    background: #fede3b;
}
.course{
    width: 1190px;
    margin: 0 auto;
}
.course h4{
    text-align: center;
    padding-top: 50px;
    font-size: 36px;
    color: #333;
}
.course ul{
    margin-top: 35px;
    margin-left: 197px;
}
.course ul li{
    float: left;
    height: 42px;
    width: 110px;
    line-height: 42px;
    text-align: center;
    color: #333;
    cursor: pointer;
}
.course ul li.high{
    background: #fff;
    color:#e03512;
    border-radius: 100px;
}
.course ul li:hover{
    background: #fff;
    color:#e03512;
    border-radius: 100px;
}
.videoBox{
    width: 965px;
    height:590px;
    background: url("../images/ipad_03.png") no-repeat center center;
    margin: 35px auto;
}
.videoBox img{
    margin-left: 70px;
    margin-top: 65px;
}


/*创课*/
.createBox{
    background: #fff;
    width: 100%;
    min-width: 1190px;
    height: 652px;
}
.create{
    width: 1190px;
    margin: 0 auto;
}
.create h4{
    text-align: center;
    padding-top: 50px;
    font-size: 36px;
    color: #333;
}
.create .cLeft{
    float: left;
    margin-top: 20px;
    margin-left: -55px;
}
.cRight{
    float: right;
    margin-top: 80px;
}
.cRight h6{
    margin-top: 39px;
    font-size: 24px;
    color: #333;
}
.cRight p{
    font-size: 15px;
    color: #333;
    margin-top: 13px;
}
/*教学模式*/
.modelBox{
    background: #46d662;
    width: 100%;
    min-width: 1190px;
    height: 650px;
}
.model{
    width: 1190px;
    margin: 0 auto;
    color: #fff;
}
.model h4{
    text-align: center;
    padding-top: 50px;
    font-size: 36px;
    color: #fff;
}
.model h6{
    font-size: 24px;
}
.model p{
    font-size: 16px;
    margin-top: 8px;
    line-height: 28px;
}
.mLeft,.mRight{
    float: left;
    width: 480px;
    text-align: center;
    margin-top: 65px;
    margin-left: 58px;
}
.mLeft img{
    margin-top: 25px;
}
.mRight{
    float: right;
    margin-right: 48px;
}
.mRight h6{
    margin-top: 18px;
}
/*云平台*/
.cloudBox{
    background: #f2f2f2;
    width: 100%;
    min-width: 1190px;
    height: 698px;
}
.cloud{
    width: 1190px;
    margin: 0 auto;
    position: relative;
}
.cloud h4{
    text-align: center;
    padding-top: 50px;
    font-size: 36px;
    color: #333;
}
.cloud .c_left{
    margin-top: 62px;
}
.cloud .c_left h6{
    font-size: 24px;
    color: #333;
}
.cloud .c_left img{
    margin-top: 40px;
}
.cloud .c_left ul li{
    margin-top: 26px;
    font-size: 24px;
    color: #333;
}
.cloud .c_left ul li span{
    margin-right: 14px;
    font-weight: bold;
    color: #e71f19;
}
.cloud .c_left a{
    width: 170px;
    height: 42px;
    margin-top: 30px;
    display: block;
    color: #fff;
    background:#e71f19;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    margin-left: 15px;
    border-radius: 50px;
}
.cloud .c_left a:hover{
    background: #ff0000;
}
.c_right .pic1{
    position: absolute;
    right: 183px;
    top:155px;

    z-index: 1;
    transition:1s;
    transition-delay: 0.2s
}
.c_right .pic2{
    position: absolute;
    right: 94px;
    top:212px;

    z-index: 2;
    transition:1s;
    transition-delay: 0.4s
}
.c_right .pic3{
    position: absolute;
    right: 0;
    top:280px;
    z-index:3;
    transition:1s;
    transition-delay: 0.6s
}
@media screen and (min-width: 0)  {
    .c_right .pic1{
        position: absolute;
        right: 183px;
        top:115px;

        z-index: 1;
        transition:1s;
        transition-delay: 0.2s
    }
    .c_right .pic2{
        position: absolute;
        right: 94px;
        top:172px;

        z-index: 2;
        transition:1s;
        transition-delay: 0.4s
    }
    .c_right .pic3{
        position: absolute;
        right: 0;
        top:240px;
        z-index:3;
        transition:1s;
        transition-delay: 0.6s
    }
}

.c_right>div.down1{
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px)
}
/*下载*/
.loadBox{
    background: #fff;
    width: 100%;
    min-width: 1190px;
    height: 655px;
}
.load{
    width: 1190px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.load h4{
    text-align: center;
    padding-top: 50px;
    font-size: 36px;
    color: #333;
}
.lLeft .pc1{
    position: absolute;
    left: 0px;

    top:155px;
    z-index: 1;
    transition:1s;
    transition-delay: 0.2s
}
.lLeft .pc2{
    position: absolute;
    left: 290px;

    top:312px;
    z-index: 2;
    transition:1s;
    transition-delay: 0.4s
}
.lLeft .pc3{
    position: absolute;
    left: 510px;

    top:310px;
    z-index: 3;
    transition:1s;
    transition-delay: 0.6s
}
.lLeft .pc4{
    position: absolute;
    left: 615px;

    top:310px;
    z-index: 4;
    transition:1s;
    transition-delay: 0.8s
}
@media screen and (min-width: 0)  {
.lLeft .pc1{
    position: absolute;
    left: -559px;

    top:155px;
    z-index: 1;
    transition:1s;
    transition-delay: 0.2s
}
.lLeft .pc2{
    position: absolute;
    left: -350px;

    top:312px;
    z-index: 2;
    transition:1s;
    transition-delay: 0.4s
}
.lLeft .pc3{
    position: absolute;
    left: -137px;

    top:310px;
    z-index: 3;
    transition:1s;
    transition-delay: 0.6s
}
.lLeft .pc4{
    position: absolute;
    left: -62px;

    top:310px;
    z-index: 4;
    transition:1s;
    transition-delay: 0.8s
}
}
.right1{
    -webkit-transform: translateX(559px);
    -ms-transform: translateX(559px);
    transform: translateX(559px)
}
.right2{
    -webkit-transform: translateX(603px);
    -ms-transform: translateX(603px);
    transform: translateX(603px)
}
.right3{
    -webkit-transform: translateX(647px);
    -ms-transform: translateX(647px);
    transform: translateX(647px)
}
.right4{
    -webkit-transform: translateX(677px);
    -ms-transform: translateX(677px);
    transform: translateX(677px)
}
.lRight{
    float: right;
    margin-right: 135px;
    width: 216px;
    text-align: center;
}
.lRight h6{
    margin-top: 100px;
    font-size: 26px;
    color: #333;
}
.lRight p{
    font-size: 18px;
    color: #333;
    margin-top: 16px;
}
.lRight img{
    margin-top: 20px;
    margin-right: 11px;
}
.lRight span{
    display: block;
    line-height: 20px;
    margin-top: 25px;
    font-size: 12px;
    color: #333;
}
.loadBtn{
    margin-top: 85px;
    margin-left: 315px;
}
.loadBtn a{
    width: 130px;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background: #e71f19;
    border-radius: 4px;
    margin-right: 66px;
}
.loadBtn a:hover{
    background: #ff0000;
}

.project{
    width:100%;
    height: 652px;
    background: url("../images/banner_04.png") no-repeat center center;
}

.public_box{
    width:1190px;
    margin: 0 auto;
}

.project_box h3{
    height:145px;
    line-height: 145px;
    color: #fff;
    font-size: 36px;
    text-align: center;
}
.project_box dl{
    float: left;
    width: 220px;
    text-align: center;
    margin-top: 45px;
    transition: 1s;
}
@media screen and (min-width: 0)  {
.project_box dl{
    float: left;
    width: 220px;
    text-align: center;
    margin-top: 95px;
    transition: 1s;
}
}
.project_box dl dd{
    color: #fff;
}
.project_box dl dd p{
    font-size: 26px;
    margin-top: 45px;
}
.project_box dl dd span{
    display: block;
    font-size: 18px;
    margin-top: 15px;
}
.up1{
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px)
}
.case{
    width:100%;
}

.case_box h3{
    height:138px;
    line-height: 138px;
    font-size: 36px;
    text-align: center;
}

.an_li{
    width: 545px;
    float: left;
    margin-bottom: 80px;
}
.an_li h5{
    font-size: 24px;
}
.an_li h5 a{
    float: right;
    font-size: 14px;
    padding-top: 10px;
}
.an_li span{
    display: inline-block;
    margin: 20px 20px 0 0;
}

.anli2{
    float: right;
}

.refer{
    clear: both;
    height: 250px;
    width: 100%;
    background: #f2f2f2;
}
.refer_box img{
    margin-top: 77px;
    float: left;
}
.application{
    float: right;
    width: 305px;
    margin-right: 115px;
    margin-top: 70px;
}
.application span{
    display: inline-block;
    width: 240px;
    height: 64px;
    background: #e71f19;
    color: #fff;
    text-align: center;
    line-height: 64px;
    font-size: 22px;
    margin-left: 30px;
    margin-bottom: 20px;
    cursor: pointer;
    border-radius: 4px;
}
.application p{
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #333;
}
.footer{
    width: 100%;
    height: 120px;
    background: #2d3643;
}

.footer p{
    color: #fff;
    text-align: center;
    padding-top: 42px;
}
.footer span{
    display: block;
    margin-top: 10px;
}

.mod {
    position: fixed;
    bottom: 250px;
    right: 20px;
    z-index: 10000;
}

.mod ul li{
    position: relative;
    background-color: #0070cc;
    text-align: center;
    border-radius: 3px;
    width: 40px;
    height: 36px;
    margin-top: 5px;
}
.mod ul li a{
    width: 40px;
    height: 36px;
    display: block;
}
.li1 a{
    background: url("../images/ico-customer-service.gif");
}

.li2 a{
    background: url("../images/global-components-feu150806112017.png");
    background-position: -70px -132px;
    background-repeat: no-repeat;
    position: relative;
}
.li3 a{
    background: url("../images/global-components-feu150806112017.png");
    background-position: -42px -207px;
    background-repeat: no-repeat;
}
.li3{
    opacity: 0;
    display: none\0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.des-text {
    background: #fff;
    color: #5c5c5b;
    font-size: 14px;
    width: 210px;
    height: 36px;
    top:0px;
    line-height: 36px;
    position: absolute;
    right: 50px;
    border: 1px solid #ccc;

    display: none;
}
.cd-is-visible {
    visibility: visible;
    opacity: 1!important;
    display: block\0;
}
.cd-fade-out {
    opacity: 1!important;
    display: block\0;
}

/*申请加入弹框*/
.mark,.mark1{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 1000;
    background:rgba(0,0,0,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
}
.apply{
    width: 1190px;
    height: 464px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -595px;
    top:-100%;
    margin-top: -232px;
     z-index: 10000;
}
.aLeft{
    float: left;
    width: 500px;
    height: 464px;
    background: #f6f6f6;
}
.aLeft h4{
    text-align: center;
    margin-top: 62px;
}
.aLeft p{
    margin-top: 34px;
    margin-left: 68px;
    font-size: 14px;
   color: #333;
}
.aLeft p a{
    color: #2b9ae6;
}
.aLeft p a:hover{
    text-decoration: underline;
}
.aRight{
    float: left;
}
.aRight h6{
    font-size: 16px;
    color: #333;
    margin-left: 20px;
    margin-top: 20px;
    display: block;
}
.aRight h6 span{
    position: absolute;
    right: 20px;
    top: 16px;
    display: block;
    width: 14px;
    height: 14px;
    background: url("../images/icon_03.png") no-repeat center center;
    cursor: pointer;
}
.aRight h6 span:hover{
    background: url("../images/icon_06.png") no-repeat center center;
}

.form>div{
    width: 100%;
    margin-top: 20px;
}
.form>div em{
    display: inline-block;
    width: 200px;
    text-align: right;
    font-size: 14px;
    color: #333;
}

.form>div input{
    height: 40px;
    width: 300px;
    margin-left: 6px;
    border: 1px solid #cccccc;
    text-indent: 10px;
    font-size: 14px;
    color: #333;
}
.form>div input:focus{
    border: 1px solid #cccccc;
    border-color: rgba(43, 154, 230, 0.4);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(43, 154, 230, 0.4),0 0 8px rgba(43, 154, 230, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(43, 154, 230, 0.4),0 0 8px rgba(43, 154, 230, 0.4);
    box-shadow: inset 0 1px 1px rgba(43, 154, 230, 0.4),0 0 8px rgba(43, 154, 230, 0.4);
}
/*下拉框*/
.select_box{
    display: inline-block;
    float:left;
    width:92px;
    height:40px;
    border:1px solid #ccc;
    background:#fff;
    /*text-indent:12px;*/
    font-size:14px;
    color:#ccc;
    position:relative;
    cursor:pointer;
    margin-right:3px;
    /*z-index:1;*/
    line-height: 42px;
}
.selet_open{
    width:16px;
    height:40px;
    float:right;
    background:url("../images/sanjiao_09.png") no-repeat;
    margin:20px 9px 0px 0px;
}
.selet_close{
    background:url("../images/sanjiao_07.png") no-repeat;
}
.select_txt{
    height: 40px;
}
.option{
    position: absolute;
    top: 41px;
    left: -1px;
    background: #fff;
    width: 92px;
    border: 1px solid #b8b8b8;
    border-top: 0px;
    z-index: 22;
    text-indent: 15px;
    word-break: break-all;
    max-height: 200px;
    overflow-y:scroll;
}
.option p{
    height: 35px;
    color: #333;
    line-height: 35px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.option p:hover{
    color:#f1382c;
    background: #ddd;
}
.select_txt span{
    display: inline-block;
    width: 45px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.form i{
    font: inherit;
    font-size: 14px;
    color: #e60012;
    position: relative;
    padding-left: 20px;
}
.error{
    background: url("../images/icon_21.png") no-repeat left center;
}
.error2{
	display:inline-block;
	line-height:42px!important;
}
.tjBtn{
    background: #e71f19;
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-left: 210px;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 4px;
}
.tjBtn:hover{
    background: #ff0000;
}
.videos-man{
    background: #f00;
    position: absolute;
    left: 70px;
    top: 65px;
    width: 820px;
    height: 459px;
}
.applyBtn:hover{
    background: #ff0000;
}

.applyOk{
    width: 1190px;
    background: #fff;
    height: 300px;
    position: fixed;
    left: 50%;
    top: -100%;
    margin-left: -595px;
    margin-top: -150px;
    text-align: center;
     z-index: 10000;
}
.applyOk h4{
    position: absolute;
    right: 20px;
    top: 16px;
    width: 14px;
    height: 14px;
    background: url("../images/icon_03.png") no-repeat center center;
    cursor: pointer;
}
.applyOk h4:hover{
    background: url("../images/icon_06.png") no-repeat center center;
}
.applyOk h5{
    margin-top: 60px;
}
.applyOk h6{
    margin-top: 30px;
    font-size: 24px;
    color: #5bc92e;
}
.applyOk p{
    font-size: 18px;
    color: #333;
    margin-top: 25px;
}
.des-text{
    width: 230px;
    right: 35px;
    background: none;
    border: none;
}
.des-text strong{
    display: block;
    width: 210px;
    height: 36px;
    background: #fff;
    border: 1px solid #ccc;
}
.mod ul .li2:hover .des-text{
    display: block;
}
.logo{
    width: 270px;
}
.dlBox>div{
    margin-right: 40px ;
}
.fade{
    -webkit-transition: opacity 0.6s linear,top 0.4s ease-out;
    -moz-transition: opacity 0.6s linear,top 0.4s ease-out;
    transition: opacity 0.4s linear,top 0.4s ease-out;
    top: 50%
}
.fadeOut {
    -webkit-transition: opacity 0.4s linear,top 0.4s ease-out;
    -webkit-transition: opacity 0.4s linear,top 0.4s ease-out;
    transition: opacity 0.4s linear,top 0.4s ease-out;
    top:-100%;
}


/*add   app下载*/
	.lRight h5{
		height: 27px;
		width: 198px;
		border: 1px solid #d2d2d2;
		line-height: 27px;
		font-size: 14px;
		color: #333;
		margin-top: 27px;
	}
	.lRight h5 em{
		float: left;
		width: 98px;
		height: 36px;
		cursor: pointer;
	}
	.lRight h5 em.highEm{
		width: 100px;
		background: url(../images/appicon_03.png) no-repeat center center;
		margin-left: 0px;
		margin-top: -1px;
		line-height: 30px;
		color: #fff;
	}
	.lRight span{
		margin-top: 12px;
	}
	.lRight img{
		width: 152px;
		height: 152px;
	}
	.loadBtn {
	    margin-top: 60px;
	    margin-left: 224px;
	}
	.loadBtn a{
		width: 135px;
	}