/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');

@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*****---------------------------------------- 1) fonts-family: 'Rajdhani', sans-serif;
 2) fonts-family: 'Poppins', sans-serif;
 ----------------------------------------*****/


/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(animate.min.css);
@import url(jquery-ui.css);


/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
     box-sizing: border-box !important;
     transition: ease all 0.5s;
}

html {
     scroll-behavior: smooth;
}

body {
     color: #666666;
     font-size: 14px;
     font-family: 'Noto Serif', sans-serif;;
     line-height: 1.80857;
     font-weight: normal;
     overflow-x: hidden;
}

a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}

h1 {
     font-size: 48px
}

h2 {
     font-size: 22px
}

h3 {
     font-size: 18px
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}

p {
     margin: 20px;
     font-weight: 600;
     font-size: 15px;
     line-height: 24px;
     color: #110f0a;
}

a {
     color: #ffffff;
     text-decoration: none;
     outline: none !important;
}

map area{ outline: none; }

.layout_padding {
    padding-top: 120px;
}

.logo {width: 100%; float: left;}

.header_section{
	width: 100%;
	float: left;
	background-color: #ffffff;
	height: auto;
    padding: 20px 0px;
}

.search_box{
     width: 100%;
     float: left;
     background-color: #ffffff;
     height: auto;
     padding: 20px 20px;
     top: -45px;
     position: relative;
     box-shadow: 0px 0px 8px 0px;
}

.tool_box{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.tool_box .title{
    margin: 5px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:rgba(51,51,51,1);
    line-height:15px;
}
.tool_box .content{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:20px;
}

.sub_title {
    margin-top:160px;
    text-align: center;
    font-size:25px;
    font-family:Songti TC;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:20px;
}
.sub_title_1 {
    text-align: center;
    font-size:25px;
    font-family:Songti TC;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:20px;
}
.sub_title_jiaoyu {
    text-align: center;
    font-size:25px;
    font-family:Songti TC;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:20px;
}
.sub_title_fuwu {
    margin-top:60px;
    text-align: center;
    font-size:25px;
    font-family:Songti TC;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:20px;
}
.link-top {
    margin: 10px auto;
    width: 5%;
    height: 2px;
    border-top: 1px solid rgba(67,67,67,1);
}

.business {
    width: 80%;
    margin: 0 auto;
}

.business .title{
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:20px;
    position: relative;
}

.business .title:after {
    content: "";
    position: absolute;
    width: 55px;
    height: 2px;
    top: 50%;
    margin-left: 10px;
    background:rgba(27,27,27,1);
}

.business .video-content{
    text-align: center;
    margin: 10px auto;
}

.function_item {
    width: 20%;
    height: auto;
    text-align: center;
    margin: 40px auto;
    float: left;
}
.function_item img{
    width: 120px;
    height: 120px;
    cursor:pointer;
}
.mobile_function_item {
    width: 30%;
    height: auto;
    text-align: center;
    margin: 40px auto;
    float: left;
}
.mobile_function_item img{
    width: 120px;
    height: 120px;
    cursor:pointer;
}
.function_name{
    transform: rotate(-45deg);
}

.platform{
    width: 80%;
    margin: 10px auto;
}

.platform .title {
    width: 100%;
    display: block;
    font-size: 20px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:20px;
    position: relative;
}
.platform p{
    height:13px;
    font-size:15px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    line-height:15px;
}

.service{
    width: 80%;
    margin: 20px auto;
}

.service .title {
    width: 100%;
    display: block;
    font-size: 20px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:20px;
    position: relative;
    margin-top:10px;
}
.service p{
    height:13px;
    font-size:15px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    line-height:15px;
}

.education{
    width: 100%;
    height: 400px;
    background: url("../images/banner01.png");
}

.education .big_circle{
    width: 400px;
    height: 400px;
    margin-left: 30%;
    padding: 100px;
}

.education .circle_group{
    margin-left: 300px;
    position: relative;
}

.circle_group img{
    cursor: pointer;
}

.education .circle_box{
    margin-left: 400px;
    width: 300px;
    position: relative;
}
.education .jiantou{
    width:40px;
    height: 10px;
}

.education .box_item{
    width: 260px;
    text-align: center;
    height: 25px;
    font-size:15px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#111111;
    line-height:25px;
    background:rgba(236,193,65,1);
    margin: 10px;
    padding-left: 10px;
}


.education .course{
    height:47px;
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:500;
    color:#111111;
    line-height:47px;
    text-align: center;
    background:rgba(244,200,31,1);
    margin: 20px;
}

.education .course a{
    color:#111;
}

.education_video{
    width: 70%;
    margin: 40px auto;
}

.education_video .video_box{
    /*height: 290px;*/
    /*background-color: #0c5460;*/
}

.video_title{
    margin-top: 20px;
    background-color:#F8CF47;
    width:100%;
    height:45px;
    text-align: center;
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:45px;
}

.video_title a{
    color:#111;
}

.function{
    margin: 40px 0;
    text-align: center;
}

.function .content{
    text-align: center;
    margin: 0 auto;
}

.carousel-inner {
    width: 80%;
    margin: 20px auto;
}

.carousel-item{
    margin-top:20px;
}

.train_box {
    height:350px;
    background:rgba(214,217,234,1);
    border-radius:5px;
    padding: 20px;
}

.train_box .body{
    margin-top: 20px;
}

.train_box .body .title{
    text-align: center;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:20px;
}

.train_box .body p{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    line-height:15px;

}

.carousel-inner img {
    width: 100%;
    height: 135px;
}

.question{
    width: 60%;
    margin: 0 auto;
}

.question_box {
    height:155px;
    background:rgba(245,245,250,1);
    border:2px solid rgba(139,150,172,1);
    border-radius:7px;
}

.question_box p{
    font-size:15px;
    font-family:Songti TC;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:15px;
}

.question_box span{
    color: #810808;
}

.description{
    font-size:16px;
    font-family:Microsoft YaHei;
    color:rgba(0,0,0,1);
    line-height:26px;
}

.introduce{
    margin: 20px 0;

}

.introduce .title{
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    line-height:20px;
}

.module {
    padding: 20px 0;
}

.module .title{
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    line-height:20px;
}

.module .content{
    margin: 20px 0;
}

.module .big_box{
    height: 340px;
}

.module .small_box{
    height: 100px;
    margin-bottom: 20px;
    font-size:20px;
    background-color: #FFFFFF;
    text-align: center;
    line-height:100px;
}

.introduce .content{
    padding: 20px;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    line-height:28px;
}

.video_box{
    margin: 10px 0px;
    height: 240px;
    /*background:rgba(244,200,31,1);*/
    border: 1px solid rgba(231,238,239,1)
}

.introduce .course_name{
    text-align: center;
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:20px;
}

.course_introduce{
    font-size:15px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:24px;
    margin: 20px;
}
.introduce span{
    color: #C62020;
    font-size:18px;
}
.accordion{
    margin: 20px auto 40px auto;
}

.accordion .title{
    width: 100%;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:27px;
}

.project{
    margin-left: 20px;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    line-height:20px;
}

.task{
    margin: 10px 40px;
    font-size:15px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(102,102,102,1);
    line-height:20px;
}

.task li{
    padding: 10px;
}

.video_box_1:hover{
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
}
.video_box_1 img{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.content img:hover{
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
}

.liucheng{
	background-color:#5378af;
	text-align:center;
	border-radius:3px;
	width:9%;
    display: -webkit-box;             /*flex弹��布屢�*/
    -webkit-box-align: center;
    -webkit-box-pack: center;
    cursor:pointer;
}
.liucheng:hover{
	-webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}

.liucheng a	 span{
	word-wrap: break-word;
    word-break: normal;
}

.liucheng_mobile{
    background-color:#5378af;
    text-align:center;
    border-radius:3px;
    width:30%;
    display: -webkit-box;             /*flex弹��布屢�*/
    -webkit-box-align: center;
    -webkit-box-pack: center;
    cursor:pointer;
}
.liucheng_mobile:hover{
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}

.liucheng_mobile a	 span{
    word-wrap: break-word;
    word-break: normal;
}

.daohang{
    background-color: rgba(76, 103, 158, 0.39);
    text-align:center;
    border-radius:3px;
    width:5%;
    display: -webkit-box;             /*flex弹��布屢�*/
    -webkit-box-align: center;
    -webkit-box-pack: center;
    cursor:pointer;
}
.daohang:hover{
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}

.daohang a	 span{
    word-wrap: break-word;
    word-break: normal;
}
@media screen and (max-width: 767px) {
    .logo img {
        width:100%;
    }

    .function_item img{
        width: 100%;
        height: 100%;
        cursor:pointer;
    }

    .mobile_function_item img{
        width: 100%;
        height: 100%;
        cursor:pointer;
    }

    .service img{
        width: 100% !important;
    }
    .platform img{
        width: 100% !important;
    }

    .train_box .body {
        text-align: center;
    }

    .carousel{
        margin:0 auto !important;
    }
    .train_box{
        margin-top: 1ex;
    }

    .video_box_1 img{
        margin-top:1ex;
    }

    .education_video{
        width: 90%;
    }

    .service ,.platform {
        width: 100%;
        text-align: center;
    }
    #education1{
        height:300px !important;
    }
    .education{
        height: auto !important;
    }

    .education .big_circle{
        width: 200px !important;
        height: 200px !important;
        margin-left: 0 !important;
        padding: 10px !important;
    }

    .circle_group img:nth-child(1) {
        top:-10px !important;
    }

    .education .circle_group{
        margin-left: 35ex !important;
    }

    .right{
        display:none;
    }

    .function .content img{
        width:100% !important;
    }

    .module .content{
        text-align: center;
    }

    .module .content .row .col-md-1 {
        display: none;
    }

    #qidongfadongji{
        width: 100%;
    }

    .pc {
        display: none !important;
    }
    .mobile{
        display: block !important;
    }

    .goal {
        background-color:#F8CF47;
        margin-top: 20px;
        width:46%;
        height:45px;
        text-align: center;
        font-size:20px;
        font-family:Microsoft YaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:45px;
        margin-left:1ex;
    }

    .goal a{
        color:#111;
    }
    .box_item{
        text-align: center;
        height: 25px;
        font-size:15px;
        font-family:Microsoft YaHei;
        font-weight:400;
        color:#111111;
        line-height:25px;
        background:rgba(236,193,65,1);
        margin: 10px;
        padding-left: 10px;
    }
}

.page-footer {
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 30px;
    line-height:30px;
    text-align: center;
    font-family: "PingFang SC",Arial,"Microsoft YaHei",sans-serif;
    right: 0;
    padding: 0 15px;
    background-color: #eee
}
.page-footer a{
    font-family: "PingFang SC",Arial,"Microsoft YaHei",sans-serif;
    color: #000 !important;
}