body{
    /* width: 100%; */
    /* min-width: 1280px; */
    background: #ffffff;
    color: #ffffff;
    text-align: center;
    /* overflow-x:hidden; */
}
.container{
    padding: 0;
    margin: 0;
}
/* 导航条样式重置 */
#navbar{
    height: 70px;
    background:#e03f43; 
    border-radius: 0;
    margin-bottom: 0;
    border:0;
    /*overflow: hidden;*/
     padding-left: 8%;
}
#navbar-nav{
    float: right;
}
.navbar-header,.navbar-header a,.navbar-nav,.navbar-nav li
{
    max-height: 70px;
    color: #ffffff;
}
#navbar-nav li :hover,#navbar-nav li :link,#navbar-nav li :active,#navbar-nav li :visited{
    background:0!important;
} 
#navbar-nav li :hover{
    border-bottom:4px solid #ffffff; 
}
#navbar-nav li{
    margin-right: 16px;
    line-height: 70px;
}
.navbar-nav li a{
    font-family: MicrosoftYaHeiLight;
    font-size: 18px;
	font-weight: normal;
    letter-spacing: 1px;
    margin-top:10px;
    height: 61px;
    color: #ffffff;
}
/* logo */
.navbar-header img{
    margin-top: 8px;
    display: inline;
}
.navbar-header p{
    width:30%;
    position: relative;
    top:10px;
    left:4%;
    display: inline;
    font-size: 16px;
    font-family: MyriadPro-Regular;
    padding-left: 10px;
    color: rgba(255, 255, 255, 0.5);
    border-left:2px solid rgba(255, 255, 255, 0.5);
}
.CreamBg{
    text-align: center;
}
/* 云海螺 真双师 */
.DoubleTeach{
    padding: 80px 0;
}
.DoubleTeach .subtitle{
    font-family: AdobeHeitiStd-Regular;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 8px;
    color: #828282;
    font-weight: nrmal;
    margin-bottom: 20px;
}
/* 分割线公共样式 */
.CutLine{
    margin: 10px 0;
}
.DoubleTeach .ClassPics{
    display: flex;
    justify-content: center;
}
.DoubleTeach .ClassPics div{
    width:474px;
    height: 310px;
    /* display: inline-block; */
    font-family: AdobeHeitiStd-Regular;
	font-size: 18px;
	line-height: 22px;
    color: #ffffff;
    letter-spacing: 1px;
}
.DoubleTeach .ClassPics .online{
    background: url('../imgs/teach.png');
    background-size: cover;
    /* padding-top: 240px; */
}
.DoubleTeach .ClassPics .online p{
    position: relative;
    top: 236px;
}
.DoubleTeach .ClassPics .offline{
    background: url('../imgs/teach2.png');
    background-size: cover;
}
.DoubleTeach .ClassPics .offline p{
    position: relative;
    top: 26px;
} 
/* swiper */
html, body {
    position: relative;
}
.swiper-container {
    width: 100%;
    /* height: 100%; */
}
.swiper-slide {
    background-position: center;
    background-size:cover;
}
.swiper-wrapper img{
    position: absolute;
    top:24%;
}
.classify{
    padding:100px 6%;
    background-color: #f4f7f9;
    text-align: center;
}
.classify .lists{
    display: flex;
}
.classify .lists .item {
    /* border:1px solid #000; */
    text-align: center;
    max-height: 280px;
}
.classify .lists .item .icon{
    width: 100px;
    height: 100px;
    background: #888888;
    border-radius: 50px;
    padding-top: 16px;
    /* border: 1px solid #000; */
    margin-left: 30%;
}
.classify .lists .item .icon:hover{
    background:#e03f43;
    cursor: pointer;
}
.classify .lists .item>div:nth-child(2){
    /* font-family: MicrosoftYaHei-Bold; */
    font-size: 36px;
    max-height: 74px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    line-height: 72px;
    color: #062033;
    font-weight: 600;
    /* border: 1px solid #000; */
}
.classify .lists .item>div:last-child{
    max-height: 101px;
    overflow: hidden;
    font-size: 21px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 1px;
    font-family: "黑体";
    color: rgba(6, 32, 51, 0.7);
    text-align: left;
    /* padding-left:40px; */
    padding-left: 12%;
}
.ForeignTeach{
    text-align: center;
    padding: 90px 0;
}
.ForeignTeach .PicWrap{
    display: flex;
    justify-content: center;
    height: 480px;
}
.ForeignTeach .PicWrap>div{
    width: 25%;
    height: 480px;
}
.ForeignTeach .PicWrap>div:first-child{
    background: url("../imgs/002.png");
    background-size: 100% 100%;
}
.ForeignTeach .PicWrap .BlueBg{
    background-color: #35638e;
    padding: 60px 3%;
}
.ForeignTeach .PicWrap .BlueBg>p{
	font-family: MicrosoftYaHeiLight;
	font-size: 20px;
	line-height: 42px;
    color: #feffff;
    text-align: left;
    margin-top: 10px;
    letter-spacing: 1px;
}
.ForeignTeach .PicWrap .BlueBg>p:last-child{
    margin-top: -12px;
}
/* 教案教材研发 */
.lesson{
    text-align: center;
    max-height: 700px;
    background: #f4f7f9;
    /* display: flex; */
}
.lesson .gradient{
    width: 50%;
    background: url("../imgs/jianbian.png");
    height: 700px;
    padding-top: 14%;
    padding-right: 20%;
}
.lesson .gradient>p{
    font-family: "黑体";
	font-size: 32px;
	letter-spacing: 2px;
    color: #ffffff;
    margin-top: 2%;
    padding: 0 !important;
}
@media screen and (max-width:1440px){
    .lesson .gradient>p{
        margin-left: 16% !important;
    }
    .TrainSystem .TrainClassify>div:first-child{
        margin-left: 80px;
    }
}
.lesson .gradient>p span{
    margin-right: 20px;
}
.lesson .FloatItems{
    width: 70%;
    /* width: 1316px; */
    position: relative;
    top:-700px;
    right: 0;
    left: 30%;
    margin-top: 6%;
    display: flex;
}
.lesson .FloatItems .text{
    width: 48.5%;
    /* width: 636px; */
    background-color: #ffffff;
    padding: 4%;
    text-align: left;
    line-height: 40px;
    font-size: 18px;
}
.lesson .FloatItems .books{
    width: 48.5%;
    margin: 0 22px;
    background-color: #ffffff;
    padding-top: 1%;
    /* border: 1px solid #000; */
    background:url("../imgs/books2.png");
    background-size: cover;
}
.lesson .FloatItems .text span{
    font-size: 23px;
    font-weight: 600;  
}
.lesson .FloatItems .SideLine{
    width: 3%;
	background-color: #f65152;
}
/* 强大的技术支持 */
.TechSupport{
    padding: 80px 0;
}
.TechSupport .flow{
    padding: 1% 0 2% 0;
}
/* 完善的培训体系 */
.TrainSystem{
    width: 100%;
    height: 700px;
    /* background-color: #f4f7f9; */
    background: url('../imgs/handbg.png');
    background-size: cover;
}
.TrainSystem .TrainClassify{
    width:40%;
    padding-top: 130px;
}
.TrainSystem .TrainClassify .TrainText{
    border-left: 4px solid #d3191a;
    text-align: left;
    margin-top: 30px;
    font-size: 18px;
    padding-left: 10px;
    /* border: 1px solid #000; */
    max-height: 72px;
    margin-left:28%;
}
/* 多元化招生支持 */
.EnrolStu{
    padding: 65px 0;
}
.EnrolStu .Stupics{
    display: flex;
    justify-content: center;
}
.EnrolStu .Stupics>div{
    width: 240px;
    height: 266px;
    margin: 0 10px;
    box-sizing: border-box;
}
.EnrolStu .Stupics>div:first-child{
    background: url("../imgs/square1.png") no-repeat;
}
.EnrolStu .Stupics>div:nth-child(2){
    background: url("../imgs/square2.png") no-repeat;
}
.EnrolStu .Stupics>div:nth-child(3){
    background: url("../imgs/square3.png") no-repeat;
}
.EnrolStu .Stupics>div:last-child{
    background: url("../imgs/square4.png") no-repeat;
}
/* 鼠标悬停div样式 */
.EnrolStu .Stupics .details{
    position: relative;
}
.EnrolStu .Stupics .details:hover .masking{
    display: block;
    /*transition-delay: 3s;*/
}
.EnrolStu .Stupics .details .masking{
    width: 240px;
    height: 266px;
    position: absolute;
    padding-top: 50px;
    display: none;
    background-color: rgba(84, 68, 68, 0.9);
}
.EnrolStu .Stupics .details .masking>img{
    margin-bottom: 12px;
}
.EnrolStu .Stupics .details .masking p{
    font-size: 16px;
    font-family: "黑体";
	line-height: 24px;
	color: #ffffff;
}
.EnrolStu .Stupics .details .masking .supports>div{
    display: inline-block;
    width: 38px;
    height: 38px;
    padding-top: 8px;
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
/* 用口碑说话，一切以客户为中心 */
.vedioes{
    background-image: linear-gradient(0deg, 
		#1c3d5d 0%, 
		#4276a7 100%), 
	linear-gradient(
		#3c5d5e, 
        #3c5d5e);
    padding-top: 70px;
    height: 500px;
    margin-bottom: 240px;
}
.vedioes .Flodown{
    display: flex;
    height: 415px;
    position: relative;
    top: 70px;
    padding-left: 6%;
    /* background: transparent; */
}
.vedioes .Flodown>div{
    width: 22%;
    height: 434px;
    background: #ffffff;
    border-radius: 10px;
    padding: 22px 16px 40px 18px;
    margin: 0 10px;
    box-shadow: 0px 7px 21px 0px 
        rgba(138, 103, 103, 0.25);
    box-sizing: border-box;
}
.vedioes .Flodown>div>a img{
    width:98%;
}
.vedioes .Flodown>div p{
    font-size: 20px;
    color: #232323;
    padding: 0 32px;
    text-align: left;
}
.vedioes .Flodown .LinkTitle{
    margin: 40px 0 20px 0;
}
/* 云海螺教育 */
.planLists{
    display: flex;
    justify-content: center;
    padding-bottom: 80px;
}
.planLists>div:first-child{
    width: 40%;
    height: 510px;
    /* border: 1px solid #000; */
    background: url("../imgs/circlelogo.png") no-repeat;
    background-size: contain;
}
.planLists .educate{
    width: 40%;
    /* border: 1px solid #000; */
    text-align: left;
    padding-top: 2%;
}
@media screen  and (max-width:1280px){
    #navbar-nav{
        width:750px;
    }
    #navbar-nav li{
        margin-right: 0!important;
    }
    .TrainSystem .TrainClassify>div:last-child{
        margin-left: 46px;
    }
    .planLists .educate>img{
        width:400px;
    }
    .TechSupport .InterConnect>img{
        width: 800px;
    }
    .swiper-wrapper img{
        width:400px;
    }
    .cooperate .apply .slogan>img{
        width: 380px;
    }
    .cooperate .apply .slogan button{
        margin-left:0!important;
    }
}
.planLists .educate .ListTitle{
    margin-top: 26px;
}
.planLists .educate .ListTitle span{
    font-size: 22px;
    font-family: "黑体";
	line-height: 65px;
	letter-spacing: 0px;
    color: #212121;
    margin-left: 6px;
}
/* 合作申请 */
.cooperate{
    display: flex;
}
.cooperate .Propaganda{
    width: 30%;
    height: 700px;
    background-image: linear-gradient(0deg, 
		#112436 0%, 
		#772931 0%, 
		#dd2e2b 0%, 
		#f56669 100%), 
	linear-gradient(
		#ee5051, 
        #ee5051);
    padding-top: 200px;
}
.cooperate .Propaganda>div:first-child{
    margin-bottom: 20px;
    text-align: left;
}
.cooperate .Propaganda>div:nth-child(2),
.cooperate .Propaganda>div:nth-child(3){
    text-align: left;
    line-height: 60px;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 1px;
    /* font-family: "黑体"; */
}
@media screen and (max-width:1680px){
    .cooperate .Propaganda>div:nth-child(2),
    .cooperate .Propaganda>div:nth-child(3){
        font-size: 16px;
        line-height: 48px;
    }
}
.cooperate .Propaganda>div:last-child{
    font-size: 20px;
    color: #ffffff;
    font-weight: lighter;
    text-align: right;
    /* font-family: "Times New Roman"; */
    margin: 240px 40px 0 0;
}
.cooperate .Propaganda span{
    font-size: 24px;
}
.cooperate .apply {
    width: 70%;
    height: 700px;
    padding-top: 110px;
    background: url('../imgs/hailuo2.png');
    background-size: cover;
    /* border: 1px solid yellow; */
}
.cooperate .apply .ApplyForm{
    display: flex;
    justify-content: center;
}
@media screen and (max-width:1410px){
    .cooperate .apply .ApplyForm{
        padding:0 6%;
    }
    .cooperate .apply .ApplyForm .radiowrap{
        width: 96%;
    }
}
.cooperate .apply .ApplyTitle{
	height: 48px;
	font-family: SimHei;
	font-size: 50px;
    color: #656565;
    margin-bottom: 76px;
}
.cooperate .apply .InfoLine1{
    height: 80px;
    margin-bottom: 2%;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
}
.cooperate .apply .InfoLine2{
    margin-bottom: 40px;
}
.cooperate .apply .ApplyForm .school,
.cooperate .apply .ApplyForm .linkman{
    width: 450px;
	height: 55px;
	box-shadow: 0px 0px 2px 0px 
		rgba(30, 30, 30, 0.5);
    border-radius: 10px;
    margin-right: 20px;
	font-size: 20px;
	line-height: 24px;
	color: #a7aaac;
}
@media screen and (max-width:1400px){
    .cooperate .apply .ApplyForm .school,
    .cooperate .apply .ApplyForm .linkman{
        width: 400px;
    }
    .cooperate .apply .ApplyForm .telephone{
        width: 820px!important;
    }
    .cooperate .apply .ApplyForm .radiowrap input{
        margin:0 4px !important;
    }
}
.cooperate .apply .ApplyForm .telephone{
    width: 920px;
	height: 55px;
	background-color: #ffffff;
	box-shadow: 0px 0px 2px 0px 
		rgba(30, 30, 30, 0.5);
    border-radius: 10px;
    font-size: 20px;
	line-height: 24px;
	color: #a7aaac;
}
.cooperate .apply .ApplyForm .radiowrap{
	height: 50px;
	font-size: 20px;
	line-height: 24px;
    color: #5c5c5c;
    box-sizing: border-box;
}
.cooperate .apply .ApplyForm .radiowrap input{
    margin:0 20px;
}
.cooperate .apply .ApplyForm .radiowrap>p{
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}
/* 提示文字样式 */
.cooperate .apply .TipWrap{
    color: #d3191a;
    text-align: left;
}
.cooperate .apply .slogan{
    text-align: left;
    margin-top: 30px;
    /* border: 1px solid lightblue; */
}
.cooperate .apply .slogan #SubBtn{
    width: 201px;
	height: 65px;
	/*background-image: linear-gradient(0deg, 
		#112436 0%, 
		#792f37 0%, 
		#e13a38 0%, 
		#fa8689 100%), 
	linear-gradient(
		#ee5051, 
		#ee5051)!important;*/
	background: rgba(255,0,0,0.8);
	box-shadow: 0px 0px 6px 0px 
		rgba(30, 30, 30, 0.35);
    border-radius: 10px;
    letter-spacing: 1px;
    color: #ffffff;
    font-size: 35px;
    margin-left: 10%;
}
/* 底部 */
.footer{
    height: 411px;
    position: relative;
    background: url('../imgs/footerbg.png');
}
.footer .footerbg{
    width: 100%;
    height: 411px;
    padding-top: 70px;
    background-color: rgba(0, 0, 0, 0.45);
    font-family: "黑体";
    position: absolute;
	font-size: 22px;
	line-height: 44px;
	color: #ffffff;
}
.footer .footerbg>div:first-child{
    margin-bottom: 20px;
}
/* 浮窗 */
.FloatWindow{
    position: fixed;
    bottom: 10%;
    right: 0;
    z-index: 10000;
}
.FloatWindow .ContactNum{
    width: 383px;
    height: 72px;
    line-height: 72px;
    background: url("../imgs/telrec.png");
    font-size: 24px;
    letter-spacing: 1px;
    color: #ffffff;
    position: absolute;
    right: 170px;
    top: 32px;
    display: none;
}
.FloatWindow .twosqu>div{
    width: 170px;
    height: 141px;
    border-radius: 10px;
	font-size: 25px;
	letter-spacing: 1px;
    color: #fffefe;
    padding-top: 30px;
}
.FloatWindow .twosqu .TelContact{
    background-image: linear-gradient(0deg, 
		#df2f2c 0%, 
		#ff4b49 100%), 
	linear-gradient(
		#d2161a, 
        #d2161a);
        margin-bottom: 10px;
        cursor: pointer;
}
.FloatWindow .twosqu .ToTop{
    background-image: linear-gradient(0deg, 
		#898989 1%, 
		#909090 100%), 
	linear-gradient(
		#d2161a, 
		#d2161a);
}
@media screen and (max-width:1660px){
    .classify .lists .item .icon{
        margin-left: 22%;
    }
    .classify .lists .item>div:nth-child(2){
        font-size: 28px;
    }
    .classify .lists .item>div:last-child{
        font-size: 16px;
        max-height: 66px;
    }
    .ForeignTeach .PicWrap>div{
        min-width: 352px;
        max-height: 400px;
    }
    .ForeignTeach .PicWrap .BlueBg>p{
        font-size: 16px!important;
        line-height: 34px!important;
    }
    .ForeignTeach .PicWrap .BlueBg>img{
        width: 300px;
    }
    .lesson .gradient{
        padding-top: 20%;
    }
    .lesson .gradient>img{
        width: 70%;
    }
    .lesson .gradient>p{
        width: 300px;
        white-space: nowrap;
        font-size: 24px;
        margin-left: 20%;
    }
    .lesson .FloatItems .text{
        font-size: 16px;
        line-height: 32px;
    }
    .vedioes .Flodown>div p{
        font-size: 18px;
    }
    .vedioes .Flodown>div{
        max-height: 400px!important;
    }
}
@media screen and (max-width:1200px){
    .vedioes .Flodown .sichuan{
        width: 250px;
    }
    #navbar-nav li{
        margin-right: 2%;
    }
}