.w-bold{font-weight: bold}
.center{text-align: center}
.txt-left{text-align: left}
.mab-20{margin: 10px 0}
.pab-30{padding: 30px 0}
.c-fff{color:#fff}
.pd-15{padding: 10px 0}
.clear{clear:both;overflow: hidden;display: inline-block}
.c-red{color:#e04f5d}
.fs-30{font-size: 30px}
.fs-18{font-size: 18px}
.fs-32{font-size: 32px}
.fs-48{font-size: 48px}
.fs-24{font-size: 24px}
.c-666{color:#666666}
.btn-color{background: #0CB4CE;color:#fff;width: 200px;margin: 30px 0;}
.cor-3ec{color:#00b3ec}
.outline{height:20px;background: #e2e2e2}
.control-label{padding-right:0 }
.page_title{
    background: #272727 url("../images/coor/banner2.png") no-repeat center top;
}
.zero{margin: 0 !important;padding: 0 !important;}
.page_title:after{background:none;}
.show-list{margin: 100px 0}
.show-list h2{margin-bottom: 40px;}
.show-list ul{margin: 20px 0;color:#737373;font-size: 16px;}
.show-list ul li,.chicken{margin: 20px 0;}
.mab-30{margin: 30px 0}

#needShow ul li P{color: #fff}
/*.sesstiond{padding: 20px 0;}*/
.sessleft{background: #00b3ec;}
.sessright{background: url("../images/coor/banner2-3.png") no-repeat center;background-size: cover}
.joinBtn{margin-top: 10px}
.joinBtn img{width: 200px;height: 55px;cursor: pointer;}
.sessleft,.sessright{padding: 20px 0;}
.sesstion3 ul li{width:20%;display: block;float: left;text-align: center}
.sesstion3 dl{margin: 30px 0;}
.sesstion3 dl dt{color:#737373;font-weight: bold;margin-bottom:20px }
.sesstion3 dl dd{color: #737373}
.pdb-20{padding-bottom: 20px}
.one_fifth dl dt{font-weight: bold;padding-bottom: 20px;font-size: 22px}
.one_fifth dl dd{padding: 10px 0;}
.join{padding-left: 20px}
.join p{color:#888888}
.join h1{margin-bottom: 10px}
.sessBody{width: 100%;background: #272727 url(../images/coor/banner2.png) no-repeat center top;background-size: 100% 100%;padding: 30px 0px 30px 0px;}
.sessBody2{width: 100%;background: url("../images/coor/banner3.png") no-repeat center;background-size: 100% 100%;padding: 20px 0}
.sessBody3{width: 100%;background: url("../images/coor/banner4.png") no-repeat center;background-size: 100% 100%;padding: 20px 0}
.sesstion5{width: 100%;background: url("../images/coor/banner5.png") no-repeat center;background-size: 100% 100%;}
.sessBody6{width: 100%;background: url("../images/coor/banner6.png") no-repeat center;background-size: 100% 100%;padding: 20px 0}
/*.sessBody3{width: 100%;}*/
.banner1{width: 100%;height: auto;position: relative;}
.sesstion5{width:100%;background: none;}
@media screen and (min-width: 800px) {
    .banner4-7{display:block}
    .banner4-8{display:none;}
}
@media screen and (max-width: 800px) {
    .banner4-7{display:none}
    .banner4-8{display: block;}
    .join3 img{width: 132px;height: auto}
}
@media screen and (min-width: 1200px) {
    #needShow{padding:50px 0;background:url("../images/coor/3.png") no-repeat center;}
    #needShow ul li{border-radius: 50%;width: 200px;height: 200px;display: flex;align-items: center;justify-content: center;color: #fff;margin-right: 0}
    #needShow ul li:nth-child(1){
        background: #71BEDA;
    }
    #needShow ul li:nth-child(2){
        background: #f3abac;
        margin-top: 169px;
    }
    #needShow ul li:nth-child(3){
        background: #4888C6;
        margin-top: 64px;
        width: 235px;
        height: 235px;
    }
    #needShow ul li:nth-child(4){
        background: #90CFBE;
        margin-top: 10px;
        left: 56px;
        width: 230px;
        height: 230px;
    }
    #needShow ul li:nth-child(5){
        background: #EFAB48;
        margin-top: 69px;
        left: 120px;
    }
    #main{
        width:100%;
        height: 800px;
    }
    .banance3-8{
        display: block;
    }
    .banance3-9{
        display: none;
    }
    .fs-40{
        font-size: 40px;
    }
}
@media screen  and (max-width: 1200px) {
    #needShow{padding:50px 0;}
    #needShow ul li p{color:#333}
    #main{
        width:100%;
        height: 400px;
    }
    .banance3-8{
        display: none;
    }
    .banance3-9{
        display: block;
        width:100%;
        margin-bottom: 10px;
    }
    .contxt{
        position: relative !important;
    }
    .min-right{
        float: left !important;
        margin-top: 20px !important;
    }
}
.sub-title{
    margin-top: 10px;
}
.form-control{
    display: inline-block;
    vertical-align: middle;
}
.teacher{width: 80%;height: auto;margin: 20px 0;}
.w-60{width: 60% !important;}
.select2{width: 60% !important;}
.datil{text-align:center;font-weight: bold;color: #999}
.chinas{margin-top: 6px;border: 1px solid #D3D3D3;box-sizing: border-box;line-height: 1.5;font-weight: normal;padding: 5px;display: inline-block;}
.chinas p{background: url("../images/coor/1.gif") no-repeat 5px center;padding-left: 34px;background-size: 34%;display: inline-block}
.chnangs{display: inline-block;}
.btn2{margin: 0 auto !important;float: inherit !important;}
.fbc_separatorHr{width:100%;border: none;border-top:1px solid #D3D3D3;height: 1px;}
.content_fullwidth{padding: 40px 0 !important;}
.flex{clear: both;overflow: hidden;background: #fef5da;}
.flex-6{float: left;width: 60%;padding: 15px;}
.flex-4{float: left;width: 40%;}
.bacg-orange{background: url("../images/coor/box.png") no-repeat center;background-size: 100% 100%;}
.coorp-content{border: none;border-radius: 10px;}
.coorp-header{
    background: #ea645e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.coorp-footer{
    background: #fef5da;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.btn-redprimary{background: #ea645e;border-color:#ea645e;color:#fff;}
.file {
    position: relative;
    display: inline-block;
    /*background: #D0EEFF;*/
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 4px 0 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    /*line-height: 20px;*/
    width: 97%;
}
.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
    cursor: pointer;
}
h2{margin: 48px 0 0;}
.f-titt{color:#ff0000;display: inline-block;margin-left: 4px;}
.dotted{border:none;border-top:1px dotted #185598;}
.select2-selection{height: auto !important;}
.select2-selection__rendered{width: 107px;line-height: 35px !important;height: 35px;}
.select2-selection__arrow{height:31px !important;}
.sky-form footer{padding: 25px 0px;}
.select2-selection__rendered{color: #737373 !important;}
.btn-signUp{float: right;padding-left: 40px;padding-right: 40px;}
.no-radius{border-radius: 0 !important;}
.redTit{color:#ff0000;margin-left: 5px;}
.flieBtn{
    position: relative;
    width: 160px;
    height: 160px;
    border: 1px #333333 dotted;
    z-index:1;
}
.fbc_paImgPlaceholder{
    position: relative;
    width: 47px;
    height: 43px;
    margin: 20px auto;
    background: url(../images/coor/formCom.png) -500px center no-repeat;
    z-index:4;
}
.fbc_ufInput{
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    right: 0;
    top: 0;
    height: 100%;
    z-index: 5;
    cursor: pointer;
}
label{font-weight: normal}
.bag-3-8{
    /*width: 80%;*/
    margin: 0 auto;
    position: relative;
}
.banance3-8{
    width: 100%;
    height: auto;
    position: relative;
}
.banance3-9{

}
.contxt{
    position: absolute;
    right: 0;
    bottom:20px;
}