/*手机端 平板端样式*/


/*头部*/

.pc_top {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 4.545455rem;
    margin: auto;
    padding: 0 3%;
    background: #fff;
    border-bottom: #000 1px solid;
}

.logo {
    float: left;
    height: 3rem;
    margin-top: 0.7rem;
}

.logo a {
    height: 100%;
}

.logo a img {
    float: left;
    height: 100%;
}

.rig_tel{ display: none; }

.pc_top_nav_buttom {
    float: right;
    height: 2.1rem;
    margin-top: 1.1rem;
}

.pc_top_nav_buttom img {
    height: 100%;
    float: right;
}

.pc_top_nav_ul {
    display: none;
    position: fixed;
    z-index: 99;
    top: 4.545455rem;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 0 5% 6%;
}

.pc_top_nav_ul li {
    height: 4.583333rem;
    line-height: 4.583333rem;
    font-size: 1.272727rem;
    font-weight: bold;
    border-bottom: #000 1px solid;
}

.pc_top_nav_ul li a {
    display: block;
}
.color_one{ background-color: #f5f5f5; }



/*首页*/

.content {
    padding-top: 4.375rem;
}

.banner {
    height:18.181818rem;
    background: url(../img/icon-img16_02.jpg) no-repeat center center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}
.banner02{height:18.181818rem;
    background: url(../img/kt-icon04_02.jpg) no-repeat center center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;}


.cont_width {
    width: 100%; padding: 0 2%;
    margin: auto;
}


.ind_cont_qx {
    padding: 3.0rem 0;
}

.title {
    text-align: center;
    margin-bottom: 1.181818rem;
}

.title h1 { padding: 0 5%; font-weight: normal;
    font-size: 1.354545rem;
    color: #333;
}

.title span {
    color: #0acd5c; 
}

.title05 h1 {
    color: #fff;
}

.title05 span {
    color: #fff;
}
.ind_first_left_text{ margin-bottom: 0.909091rem;}
.ind_first_left_text:first-child{ padding-bottom: 0.909091rem; border-bottom: #cbcbcb 1px solid; }
.ind_first_left_text b{ display: block; font-size: 1.272727rem; color: #0acd5c; line-height: 2; }
.ind_first_left_text p{ font-size:0.727273rem ; color: #333; line-height: 2; }
.ind_first_right img{ width: 100%; }
.ind_secend{ text-align: center; }
.ind_secend ul li{ float: left; width: 25%; }
.ind_secend ul li a{ display: block; }
.ind_secend ul li h1{ height:5.272727rem ;  }
.ind_secend ul li h1 img{height: 100%; max-width: 100%; }
.ind_secend ul li b{ display: block; padding: 0 8%; font-size:0.909091rem ; color: #666; }
.back_img01{ background: url(../img/icon-img19.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover; }
.back_img02{ background: url(../img/icon-img12.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover; }
.ind_NO_3{ font-size:0.727273rem ; color: #333; line-height: 2; }
.ind_NO_4 ul li{ float: left; width: 100%; margin-bottom:5% ; }
    .ind_NO_4 ul li h2{ float: left; width:30% ; margin-right: 2%; }
    .ind_NO_4 ul li h2 img{ width: 100%; }
    .ind_NO_4 ul li div{ float: left; width:68% ; }
    .ind_NO_4 ul li div b{ display: block; font-size:0.909091rem ; color: #333; line-height: 2; }
    .ind_NO_4 ul li div span{ display: block; width:1.590909rem ; height:3px ; background-color: #0acd5c; }
    .ind_NO_4 ul li div p{ font-size:0.818182rem ; color: #333; line-height:2; }
.NO_5_left{ float: left; width:30% ; margin-right: 2%; }
.NO_5_left img{ width: 100%; }
.NO_5_right{ float: left; width:68% ; }
.NO_5_right p{ font-size:0.727273rem ; color: #333; line-height: 2; } 
.NO_5_right p b{ color: #0acd5c; font-size:0.909091rem ; }
.ind_NO_6 ul li{ width: 100%; height:10.0rem ; padding:0.909091rem 5%; margin-bottom: 1.363636rem; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; }
.ind_NO_6 ul li b{ display: block; font-size: 0.909091rem; color: #fff; line-height: 2; }
.ind_NO_6 ul li span{ display: block; width:1.590909rem ; height:3px ; background-color: #0acd5c; margin-bottom:0.454545rem;}
.ind_NO_6 ul li p{ font-size:0.818182rem ; color: #ccc; line-height:1.363636rem; height:5.454545rem ; overflow: hidden; }
.ind_NO_7 ul{ text-align: center; }
.ind_NO_7 ul li{ display: inline-block; vertical-align: top; width:90%; height:10.909091rem ; padding:0 3% ; background-color: #fff ; position: relative; margin-bottom:1.818182rem; -webkit-box-shadow: 1px 1px 0.909091rem #ccc; box-shadow: 1px 1px 0.909091rem #ccc;}
.ind_NO_7 ul li div{ width: 100%; height: 100%;  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
     -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

}
.ind_NO_7 ul li div span{ position: absolute; top: 0; left: 5%; color: #fff; font-size:0.909091rem ; width:1.590909rem ; height:2.5rem ; text-align: center; line-height: 2rem; background: url(../img/icon-img20.png) no-repeat center; -webkit-background-size: cover; background-size: cover; }
.ind_NO_7 ul li div h3{ width: 100%; height:3.181818rem ; text-align: center; margin-bottom: 0.681818rem; }
.ind_NO_7 ul li div h3 img{ height: 100%; }
.ind_NO_7 ul li div b{ width: 100%; color: #333; font-size:0.909091rem ; }
.ind_NO_7 ul li div p{ width: 100%; text-align: left; font-size: 0.636364rem; color: #333; line-height:1.5 ; margin-top: 0.681818rem; }
.ind_NO_7_22{ margin-top: 3rem; }
.ind_NO_7_22 ul li{ -webkit-border-radius: 0.454545rem; border-radius: 0.454545rem; -webkit-box-shadow: 0 2px 0.454545rem #999; box-shadow: 0 2px 0.454545rem #999; }
.ind_NO_7_22 ul li div em{ width: 100%; font-size: 0.909091rem; color: #333; }
.ind_NO_8{ text-align: center;}
.ind_NO_8aa{ font-size: 1.318182rem; font-weight: bold; color: #fff; margin-bottom: 2.272727rem; }
.ind_NO_8bb{ margin-bottom: 2.272727rem; }
.ind_NO_8bb a{ display: block; width: 60%; height:3.272727rem ; line-height:3.272727rem ; background:#fff; color: #0acd5c; font-size: 0.727273rem; margin:0 auto 1.363636rem; -webkit-border-radius: 5px; border-radius: 5px; }
.ind_NO_8bb a.act03{ background: #0acd5c; color: #fff; }
.ind_NO_8cc p{ display: inline-block; width: 48%; }
.ind_NO_8cc p img{ height:8.909091rem ; margin-bottom:0.454545rem; }
.ind_NO_8cc p span{ display: block; font-size:0.727273rem ; color: #fff; }
.ind_NO_9_left{ height:14.090909rem ; overflow: hidden; border: #ccc 2px solid; -webkit-border-radius: 2px; border-radius: 2px; }
.ind_NO_9_left img{ width: 100%; }
.ind_NO_9_right{ margin-bottom: 1rem; }
.ind_NO_9_right b{ display: block; font-size: 0.909091rem; color: #333; margin-bottom: 1rem; }
.ind_NO_9_right table{ width: 100%; }
.ind_NO_9_right table tr td{ padding: 0.5rem 0; font-size:0.727273rem ; color: #333; }
.ind_NO_9_right table tr td:first-child{ text-align: center; padding: 0 0.2rem; }

/*右悬浮*/

.right_xunf {
    display: none;
}

.right_totop {
    position: fixed;
    z-index: 999;
    bottom: 5%;
    right: 3%;
    width: 3rem;
}

.right_totop a {
    display: block;
}

.right_totop img {
    width: 100%;
}

/*绿色课堂*/
.greImg{ text-align: center; height: 6.818182rem; }
.greImg img{ height: 100%; }
.greImg02 img{ width: 100%; }
.kt_backimg{ height:17.818182rem ; background: url(../img/kt-icon04_04.jpg) center no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; }
.KT_NO_3{ margin: 3rem auto 0.454545rem;  padding:1.5rem 3%; background: #fff; -webkit-border-radius: 0.454545rem; border-radius: 0.454545rem;  -webkit-box-shadow: 0 2px 0.454545rem #999;  box-shadow: 0 2px 0.454545rem #999; }
.KT_NO_3 p{ line-height:1.363636rem ; font-size: 0.909091rem; color: #333;}
.KT_NO_3 span{ float: left; width:1.363636rem ; height:1.363636rem ; text-align: center; line-height: 1.363636rem; -webkit-border-radius: 50%; border-radius: 50%; background: #0acd5c; color: #fff; font-size: 0.818182rem; margin-right: 5px; }
.KT_NO_3 a{ color: #0acd5c; font-weight: bold; }
.KT_NO_4 ul{ width: 100%; }
.KT_NO_4 ul li{ float: left; width: 49%; padding:0.681818rem ; margin-bottom: 2%; background: #fff; -webkit-border-radius: 0.454545rem; border-radius: 0.454545rem; -webkit-box-shadow: 0 2px 0.454545rem #999; box-shadow: 0 2px 0.454545rem #999;}
.KT_NO_4 ul li h1{ width: 100%; overflow: hidden; margin-bottom: 0.681818rem; }
.KT_NO_4 ul li h1 img{ width: 100%; }
.KT_NO_4 ul li p{ height:1.363636rem ; line-height:1.363636rem ; color: #333; font-size:0.909091rem ; }
.KT_NO_4 ul li p span{ float: left; width:1.363636rem ; height:1.363636rem ; text-align: center; line-height: 1.363636rem; -webkit-border-radius: 50%; border-radius: 50%; background: #0acd5c; color: #fff; font-size: 0.818182rem; margin-right: 5px; }
.KT_NO_4 ul li:nth-child(even){ float: right; }
.kt_back01{ background:url(../img/kt-icon04_24.jpg) center no-repeat; -webkit-background-size:auto 100%; background-size:auto 100%;   }

/*底部*/
.footer02{ display: none; }
.ph_footer02{ width: 100%; height:1.8rem ; background-color: #269b66; }
.ph_footer02 p{ float: left; width: 50%; height: 100%;  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;}
.ph_footer02 p img{ height: 50%; margin-right: 3%; }
.ph_footer02 p a{font-size: 0.9rem; color: #fff;}
.ph_footer02 p:first-child{ background-color: #20b572; }

/****************************************************************************PC端样式************************************************************************************************/

@media screen and (min-width: 1200px) {
    /*首页*/
    .pc_top {
        position: initial;
       
        padding: 0;
        border-bottom: none;
    }
    .rig_tel{ display: block; float: right; margin-top:35px ; height:29px ; line-height:29px ; color: #2f3440; font-size:1.045455rem ; padding-left:40px ; background: url(../img/icon-img01.png) left center no-repeat; }

    .pc_top_nav_buttom {
        display: none;
    }
    .banner {
        height: 620px;
    }
    .banner02{ height: 403px }
    .ind_cont_ab_ul li div {
        padding: 0 10%;
    }
    .title h1{ font-size:32px; }
    .banner03 { height: 600px;  }
    .pc_top_nav { height: 50px; line-height: 50px; background: #2f3440;
}
    .pc_top_nav_ul {
        display: block;
        position: inherit;
        width: 1200px;
        margin:0 auto ;
        padding: 0;
    }
    .pc_top_nav_ul li {
        float: left;
        height: 50px;
        line-height: 50px; width: 110px; text-align: center;
        
        font-size: 16px;
       
        font-weight: normal;
        border-bottom: none;
    }
    .pc_top_nav_ul li a {
        color: #e0e0e0;
    }
    .pc_top_nav_ul li.act01 {
       background-color: #0acd5c; 
    }
    .pc_top_nav_ul li.act01 a {
       color: #fff;
    }
    .content {
        padding-top: 0;
    }
    .cont_width {
        width: 1200px; padding: 0;
    }
    .ind_first_left{ float: left; width: 500px; }
    .ind_first_right{ float: right; width:610px ; }
    .ind_secend ul li h1{ height:160px ; }
    .back_img01{ height:413px ; }
    .back_img02{ height: 246px; padding-top:40px ; }
    .ind_NO_3{ width: 660px; margin: 0 auto; }

    .ind_NO_4 ul li{ float:left; width: 45%; margin-bottom:0 ; }
    .ind_NO_4 ul li:nth-child(even){ float: right; }
    .ind_NO_4 ul li h2{ width: 38% }
    .ind_NO_4 ul li div{ float: right; width: 60%;  }
    .ind_NO_7 ul li div p{ display: block; }
    .NO_5_left{ width:205px ; margin-right: 10px; }
    .NO_5_right { width: auto; margin-top: 35px; }
    .ind_NO_6 ul li{ float: left; width:585px ; height:220px ; }
    .ind_NO_6 ul li:nth-child(even){ float: right; }
    .ind_NO_7 ul li{ width:360px ; height: 240px; margin-right: 50px; }
    .ind_NO_7 ul li:nth-child(3n){ margin-right: 0; }
    .ind_NO_7 ul li div b{ display: block; }

    .ind_NO_8aa{ float: left; width:650px ; }
.ind_NO_8bb{ float: left; width: 190px; }
.ind_NO_8bb a{ display: block; width: 100%; height:50px ; line-height:50px ; margin:0 auto 1.363636rem; -webkit-border-radius: 5px; border-radius: 5px; }
.ind_NO_8bb a.act03{ background: #0acd5c; color: #fff; }
.ind_NO_8cc{ float: right; width: 330px; }
.ind_NO_8cc p{float: right; width: 134px; }
.ind_NO_8cc p:first-child{ float: left; }
.ind_NO_8cc p img{ height: 134px ; margin-bottom:5px; }
.ind_NO_8cc p span{ display: block; font-size:0.727273rem ; color: #fff; }
.ind_NO_9_left{ float: left; width:540px ; margin-left: 68px; }
.ind_NO_9_left img{ width: 100%; }
.ind_NO_9_right{ float: right; width:540px ; margin-bottom: 0rem; }
.ind_NO_9_right b{    margin-top: -5px;}
.ind_NO_9_right table tr td{ padding: 0.4rem 0;  }




    .ind_three {
        height: 31.25rem;
    }
    .title{ margin-bottom:70px ; }
    .title02 {
        margin-bottom: 120px;
    }
    .ind_three02_ul li {
        width: 300px;
    }
    .ind_three02_ul li img {
        height: 270px;
    }
    .pc_footer {
        display: block;
    }

    /*右悬浮*/
    .right_xunf {
        display: block;
        position: fixed;
        z-index: 999;
        top: 40%;
        right: 2%;
         width: 128px;
    }
    .right_xunf h1 { width: 128px;  cursor: pointer; 
    }
    .right_xunf h1 img{ width: 100%; }

    .right_xunf div {
        display: none;
        position: absolute;
        top: 0;
        right: 120px;
        width: 305px;
        height: 134px; padding-top:24px ;
 
       
        background:url(../img/icon-img04.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100%;
    }
    .right_xunf div p{ padding-left: 30px; margin-bottom: 15px; height:25px ; line-height:25px ; color: #fff; font-size: 26px;  }
    .right_xunf div p span{ float: left; width:40px ; height: 25px; text-align: center; }
    .right_xunf div p span img{ height: 100%; }
    
    .right_xunf:hover div {
        display: block;
    }
    
    .right_totop {
        display: none;
    }

/*绿色课堂*/
.kt_backimg{ height: 392px; }
.KT_NO_4 ul li{ width: 32%; margin-right: 2%; }
.KT_NO_4 ul li:nth-child(even){ float: left; }
.KT_NO_4 ul li:nth-child(3n){margin-right:0;}
.kt_back01{ height:691px ; }

/*底部*/
.footer02{ display: block; height: 1.818182rem; line-height: 1.818182rem; text-align: center; background: #2f3440; font-size: 0.636364rem; color: #999; }
.ph_footer02{ display: none; }
}
    


}