body {font-size:14px;}
a{ text-decoration:none;}
a:hover{  text-decoration:none; color:#0092dd;}

.topbg {
    background: #fafafa;
    border-bottom: 1px solid #e6e6e6;
}

.top {
    height: 40px;
    line-height: 40px;
    width: 1200px;
    margin: 0 auto;
    color: #9a9a9a;
}

    .top a {
        color: #9a9a9a;
    }

.headerbox {
    width: 100%;
    background: #fff;
}

.logo_search {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.index_logo {
    float: left;
}

.index_search {
    float: right;
    margin-top: 20px;
}

.searchtxt {
    width: 335px;
    border: 1px solid #e4e4e4;
    color: #999999;
    height: 34px;
    padding-left: 20px;
}

.navsbox {
    width: 100%;
    background: #158dee;
    height: 55px;
}

.navs {
    width: 1000px;
    margin: 0 auto;
    height: 55px;
    overflow:hidden;
}

    .navs li {
        float: left;
        position: relative;
        width: 12.5%;
    }

        .navs li a {
            display: block;
            font-size: 16px;
            color: #fff;
            line-height: 55px;
            text-align: center;
        }

            .navs li a:hover, .navs li .on1 {
                background: url(../images/navbg.gif) no-repeat center bottom;
                color: #ffffff;
            }

    .navs .nas {
        position: absolute;
        left: -60px;
        text-align: left;
        top: 55px;
        width: 580px;
        background: #fff;
        display: none;
        z-index: 100;
    }

        .navs .nas ul {
            background: #fe971e;
            float: left;
            width: 42%;
            padding: 20px 20px 20px 20px;
            min-height: 215px;
        }

        .navs .nas li {
            float: none;
            width: 100%;
            line-height: 30px;
        }

            .navs .nas li a {
                display: inline-block;
                width: 100%;
                margin: 0 auto;
                padding: 0;
                line-height: 35px;
                color: #fff;
                width: 100%;
                text-align: left;
            }

                .navs .nas li a:hover {
                    background: none;
                    color: #fff;
                    background: #ffc600;
                }

        .navs .nas .img {
            padding: 15px 15px 20px;
            float: right;
            width: 58%;
            border: none;
            text-align: center;
        }


.banner { z-index:1000;}
.banner img{ width:100%;}
.banner.bx-wrapper .bx-viewport { background:none;}
.banner .bx-wrapper .bx-pager {
	padding: 3px 0 0 0 ;
	bottom:10px; z-index:10000;
}
.banner .bx-wrapper .bx-pager div a{background: #CCD1D9;}
.banner .bx-wrapper .bx-pager div a.active{ background:#007ac5;}

.index-center {width:1000px; margin:0 auto;}

.index-ptitle { margin-top:30px;}
.index-ptitle img{ width:100%;}

.index-course { margin-top:40px;overflow:hidden;}
.index-course a{ display:inline-block; float:left; width:19.2%; margin-right:1%;box-sizing: border-box; text-align:center; padding:10px 20px; color:#fff;}
.index-course span{ display:block; border-bottom:1px solid #fff; font-size:18px;}
.index-course p{ font-size:14px;}
.index-course .c1{ background:#3cc89b;}
.index-course .c2{ background:#62b1d2;}
.index-course .c3{ background:#ff6160;}
.index-course .c4{ background:#ea9c4a;}
.index-course .c5{ background:#76b751; margin:0;}

.index-picture { overflow:hidden; margin-top:20px;}
.index-picture .t{ font-size:28px; margin:20px 0; line-height:35px;}
.index-picture .t span{ color:#c4c4c4; margin-left:10px; font-size:24px;}
.index-picture .t a{ float:right; font-size:14px;}
.index-picture ul{ margin:0 -10px;}
.index-picture li{ float:left; width:33.33%; padding:20px 10px 0 10px;box-sizing: border-box;}
.index-picture li img{ width:100%; height:260px;}

.index-picture2 { overflow:hidden; margin-top:20px;}
.index-picture2 .t{ font-size:28px; margin:20px 0; line-height:35px;}
.index-picture2 .t span{ color:#c4c4c4; margin-left:10px; font-size:24px;}
.index-picture2 .t a{ float:right; font-size:14px;}
.index-picture2 ul{ margin:0 -10px;}
.index-picture2 li{ float:left; width:25%; padding:20px 10px 0 10px;box-sizing: border-box;}
.index-picture2 li img{ width:100%; height:176px;}

.index-userbox { padding-top:20px; margin-top:20px; padding-bottom:10px; width:100%;}
.index-user { margin:0 auto; width:1000px;}
.index-user .index-ptitle{ margin:0 auto;}
.slider_product_box { width:100%; margin:20px auto 0 auto;}
.index-user .bx-wrapper .bx-viewport { background:none;}
.index-user .bx-wrapper .bx-pager {
	padding: 3px 0 0 0 ;
	bottom:-20px;
}
.index-user .bx-wrapper .bx-pager div a{background: #CCD1D9;}
.index-user .bx-wrapper .bx-pager div a.active{ background:#007ac5;}
.index-user li{ text-align:center; margin:0 auto;}
.index-user li img{ margin:0 auto;}

.index-news { width:1000px; margin:80px auto; height:254px;}
.index-news .t{ width:185px; float:left; background:#0092dd;height:254px; color:#fff; font-size:20px; padding:20px;box-sizing: border-box; position:relative;}
.index-news .b{ display:block; border:1px solid #fff; line-height:30px; padding:0 20px; font-size:14px; color:#fff; position:absolute; bottom:20px; left:40px;}
.index-news .t span{ display:block;}
.index-news ul{ float:right; width:815px; border-bottom:1px solid #bbb;border-top:1px solid #bbb;border-right:1px solid #bbb;box-sizing: border-box; padding:0 20px 20px 20px;height:254px; overflow:hidden;}
.index-news ul li{ margin-top:20px; height:65px;}
.index-news ul li a{ font-size:14px; font-weight:bold; color:#000;}
.index-news ul li a span{ float:right; font-weight:normal;}
.index-news ul li p{ color:#bbb; line-height:25px; }

.foot-time {background:#0092dd;padding:30px 0; width:100%; text-align:center;}

.foot-box {background:#323232;padding:30px 0; width:100%;}
.foot { width:1036px; margin:0 auto; overflow:hidden;}
.foot .l{ width:50%; line-height:25px; color:#fff;}
.foot .r {width:50%;  text-align:right;}

.parentname { background:url(../images/icon.gif) no-repeat 0 5px; padding-left:25px; color:#636262; line-height:30px; font-size:20px;}

.pagecontent { width:1000px; margin:0 auto; padding:30px 0; overflow:hidden;min-height:500px;}
.pagecontent .l{ width:23%;}
.pagecontent .r{ width:70%;}
.classlist{ width:100%; margin-top:20px; overflow:hidden;}
.classlist li{ float:left; width:100px; margin-right:10px;}
.classlist li a{ width:100%; display:inline-block;background:#e8ebf0; color:#6c6c6c; font-size:18px; text-align:center; line-height:40px;}
.classlist a:hover,.classlist .cur{background:#0092dd; color:#fff;}

.datainfolist { width:100%;}
.datainfolist li{ border-bottom:1px solid #ddd; padding:20px 0;}
.datainfolist a{ display:inline-block; width:100%; position:relative;}
.datainfolist a .time{ position:absolute;top:0;left:0;color:#7c7c7c; background:url(../images/list_out.gif) no-repeat; text-align:center;width:70px; height:74px;}
.datainfolist .time span{ display:inline-block; font-size:30px; line-height:30px; margin-top:6px;}
.datainfolist .time p{ font-size:12px; }
.datainfolist a img { float:left; max-width:150px; height:100px;}
.datainfolist .content{ padding-left:160px;}
.datainfolist .content span{ display:inline-block; color:#0065b3; font-size:16px; padding:5px 0;}
.datainfolist .content p{ color:#7c7c7c; line-height:20px;}
.datainfolist .content i{ font-size:12px; margin-right:5px;}
.datainfolist a:hover .time{color:#fff;background:url(../images/list_over.gif) no-repeat;}

.datapicturelist { overflow:hidden; margin-top:20px;width:100%;}
.datapicturelist ul{ margin:0 -10px;}
.datapicturelist li{ float:left; width:33.33%; text-align:center; padding:20px 10px 0 10px;box-sizing: border-box;}
.datapicturelist li img{ width:100%; height:260px;}

.datapicturelist1 { overflow:hidden; margin-top:20px;width:100%;}
.datapicturelist1 ul{ margin:0 -10px;}
.datapicturelist1 li{ float:left; width:25%; padding:20px 10px 0 10px;box-sizing: border-box;}
.datapicturelist1 .box{border:1px solid #eaeaea;}
.datapicturelist1 li img{ width:100%;}
.datapicturelist1 li .pbtn {width:100%;box-sizing: border-box; height:25px; margin-top:20px;  padding:0 20px; overflow:hidden;}
.datapicturelist1 li .pbtn a { display:inline-block; line-height:25px; padding:0 5px; color:#fff;}
.datapicturelist1 li .pbtn .nl{ background:#0092dd; float:left;}
.datapicturelist1 li .pbtn .nr{ background:#ea9c4a; float:right;}
.datapicturelist1 li .txt{ width:100%;box-sizing: border-box;  padding:20px;height:150px;}
.datapicturelist1 li .txt span{ line-height:30px; font-size:16px;}
.datapicturelist1 li .txt p{ line-height:22px;margin:0; color:#656565; font-size:12px;}

.datapicturelist2 { overflow:hidden; margin-top:20px;width:100%;}
.datapicturelist2 ul{ margin:0 -10px;}
.datapicturelist2 li{ float:left; width:25%; padding:20px 10px 0 10px;box-sizing: border-box;}
.datapicturelist2 li a{border:1px solid #eaeaea; display:block;}
.datapicturelist2 li img{ width:100%;}
.datapicturelist2 li div{ width:100%;box-sizing: border-box;  padding:20px; height:150px;}
.datapicturelist2 li div span{ line-height:30px; font-size:16px;border-bottom:1px solid #eaeaea; display:block; margin:auto;}
.datapicturelist2 li div p{ line-height:22px;margin:10px 0 0 0; color:#656565; font-size:12px;}

.LivePage{height:25px;margin:20px 0 10px 0;padding:5px 20px 0 20px; clear:both;}
.LivePage .Page_left{float:left;color:#2c2c2c;font-family:Tahoma;}
.LivePage .Page_left span{ color:#0092dd; margin:0 5px;}
.LivePage .Page_right{font-family:Tahoma;color:#2c2c2c;text-align:left;float:right;}
.LivePage .Page_right A {padding:2px 5px;color:#0092dd;text-decoration:none;margin:2px;border:1px solid #0092dd;display:block;float:left;}
.LivePage .Page_right A:hover {border:1px solid #0092dd;text-decoration:none;background:#0092dd;color:#fff;}
.LivePage .Page_right span{border:1px solid #0092dd;color:#fff;font-weight:bold;background:#0092dd;padding:2px 

5px;margin:2px;float:left;}
.LivePage .Page_right em{float:left;}
.LivePage .Page_right input{float:left; width:30px; margin-top:2px; height:15px;}
.LivePage .Page_right .PageTXT{ margin-top:5px;}

.abouttxt { width:100%; padding:20px; line-height:25px;box-sizing: border-box;}

.contentshow-box { width:100%; padding:20px;box-sizing: border-box;}
.showtitle { width:100%; font-size:20px; font-weight:bold; margin:10px 0;text-align:center;}
.showtime { background:#f7f7f7; line-height:30px; color:#666; text-align:center;}
.showpicture { width:100%; margin:0 auto; text-align:center; overflow:hidden;}
.showpicture img{width:60%;}
.showcontent { width:100%; line-height:25px; padding:20px 0;}

.inputwidth1 { width:90%;}
.red {  color:#ff0000;}

.showbanner { width:100%; text-align:center;}
.showbanner img{ width:100%;}

@media ( max-width : 768px) {
    .top {padding-bottom:10px; width:100%;}
    .top .left { float:none; width:100%;}
    .top .left img{ height:50px;}
    .top .right { float:none;width:100%;text-align:left; color:#999; font-size:18px; margin-top:20px;}
    .index-center { width:100%;}
    .banner {height:auto;}
    .index-ptitle {overflow:hidden; margin-top:0;}
    .index-ptitle img{ width:150%; margin:auto; margin-left:-25%;}

    .index-course a{width:45%; margin-left:2.5%; margin-bottom:10px;}
    .index-course .c5{margin-left:2.5%; margin-bottom:0px;}
    .index-picture .t{ width:90%; margin:auto;}
    .index-picture .t span{ display:none;}
    .index-picture ul{ margin:0; padding:0 5px;box-sizing: border-box;}
    .index-picture li{width:50%;padding:10px 5px 0 5px;}

   .index-user { width:100%;}
   .index-user .slider_product_box{ width:70%;}
   .index-about-box {margin-top:20px; padding:20px 0 20px 0;}
   .showpicture img{width:100%;}
   .index-news { width:100%;height:auto; overflow:hidden; margin:20px 0;}
   .index-news .t{ float:none; height:35px; font-size:14px; line-height:35px; width:100%; padding:0 20px;}
   .index-news .t span{ display:none;}
   .index-news .b{position:initial; float:right; border:0;}
   .index-news ul{ width:100%; border:0; padding:0; height:auto;}
   .index-news ul li{ border-bottom:1px solid #bbb; padding:0 20px; height:auto;}
    .index-news ul li span {
    }
   .foot-time{ padding:20px 0;}
   .foot-time img{ width:95%;}
   .foot-box {padding-top:20px;padding-bottom:20px; }
.foot { width:100%;}
.foot .l{ width:100%; text-align:center;}
.foot .r { display:none;}

.pagecontent { width:100%; padding:30px 0;min-height:initial;}

.classlist li{ width:44%; margin:0 3% 10px 3%;}

.datainfolist li{padding:5px 0;}
.datainfolist a .time{ display:none;}
.datainfolist .content{ padding-left:0; width:95%; margin:0 auto;}

.datapicturelist ul{ margin:0; padding:0 5px;box-sizing: border-box;}
.datapicturelist li{width:50%;padding:10px 5px 0 5px;}

.datapicturelist1 ul{ margin:0; padding:0 5px;box-sizing: border-box;}
.datapicturelist1 li{width:50%;padding:10px 5px 0 5px;}

.datapicturelist2 ul{ margin:0; padding:0 5px;box-sizing: border-box;}
.datapicturelist2 li{width:50%;padding:10px 5px 0 5px;}

.contentshow-box {padding:10px;}
.showtitle { font-size:18px;}
.showpicture { width:100%;}
.showpicture img{width:100%;}
.showcontent {padding:10px 0;}

}
@media ( max-width : 992px) and (min-width : 768px) {
    .top {width:100%;}
     .banner {height:auto;}
    .index-center { width:100%;}
    .index-course a{}
    .navbar-box { width:100%;}
    .navbar-box .navs{ float:left; width:70%;}
    .newslink-pbox { width:100%;}
    .newslink-pbox .links { margin-top:10px;}
    .index-user { width:95%;}
    .index-user .slider_product_box{ width:80%;}
    .index-about .right img{ width:80%;}
    .showpicture img{width:100%;}
     .foot-box {padding:20px 0;}
    .foot { width:100%;}
    .showbanner { width:100%;}
    .pagecontent { width:100%;}
    .showpicture { width:100%;}
    .showpicture img{width:100%;}
}


.index_class {
    margin-top:20px;
}
    .index_class ul {
        margin-right: -2%;
    }
    .index_class li {
        width: 23%;
        box-sizing: border-box;
        float: left;
        margin-bottom: 15px;
        margin-right:2%;
    }

    .index_class .box {
        border: 1px solid #e9e9e9;
        box-sizing: border-box;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
    }

    .index_class .img {
        overflow: hidden;
        height: 160px;
    }

    .index_class img {
        width: 100%;
        height: 160px;
    }

    .index_class .info {
        background: #fbfbfb;
        padding: 15px;
        text-align: center;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
    }

        .index_class .info span {
            font-size: 18px;
            font-weight: bold;
            line-height: 40px;
            display: block;
            border-bottom: 1px solid #828282;
            -o-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
            height: 40px;
            overflow: hidden;
        }

        .index_class .info a {
            display: inline-block;
            border: 1px solid #828282;
            margin-top: 10px;
            line-height: 30px;
            font-size: 16px;
            text-align: center;
            color: #828282;
            padding: 0 20px;
            -o-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
        }