/*
* @Author: Marte
* @Date:   2017-03-29 10:48:12
* @Last Modified by:   Marte
* @Last Modified time: 2017-04-11 16:23:40
*/
body {
    margin: 0;
    padding: 0
}
body{
    min-width: 1200px;
}
.about-header {
    width: 100%;
    height: 80px
}

.about-content {
    width: 100%;
    min-height: 647px
}

.about-nav {
    background: url("http://www.ngdpi.com/web/static/web/img/bg.png") center center no-repeat;
    min-width: 1100px;
    height: 220px;
    text-align: center;
    margin-top: 80px
}

.about-title {
    color: #fff;
    font-size: 40px;
    padding-top: 69px
}

.about-secondNav {
    padding-top: 33px;
    width: 100%;
    overflow: hidden;
    height: 80px
}

.about-secondNav ul {
    list-style: none;
    height: 36px;
    margin: auto;
    width: 74%
}

.about-secondNav ul li {
    float: left;
    font-size: 16px;
    line-height: 36px;
    margin-left: 62px;
    border-radius: 25px
}

.about-secondNav a {
    color: #34495E !important;
    text-decoration: none !important;
    display: block;
    padding: 0 20px;
    outline: 0 !important
}

.about-secondNav a:hover {
    color: #fff !important;
    text-decoration: none !important
}

.about-secondNav li:hover {
    background-color: #24a4de;
    color: #fff !important;
    text-decoration: none
}

.befor {
    color: #34495E;
    background-color: #fff
}

.hove, .hove a {
    color: #fff !important;
    background-color: #24a4de;
    text-decoration: none !important
}

.hove a {
    border-radius: 25px
}

.about-achieve, .about-advantage, .about-culture, .about-introduction, .about-member, .about-navContent {
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 1100px
}
.w1200 .flex_innerProduct1{
    width: 380px;
    margin-right: 30px;
}

.w1200 .back{
    width: 100%;
}
.w1200 .huaxiang_pic .pic_comIMg{
    width: 100%;
}
.about-member1 {
    background-color: #fff;
    height: 340px;
    padding-top: 50px
}

.autoImg{
    width: 1200px;
    margin: 0 auto;
    padding: 35px 0 50px;
}
.autoImg .slides{
    overflow: hidden;
    zoom:1;
}
.autoImg .slides .list{
    display: block;
    width: 380px;
    margin-right: 30px;
    float: left;
}
.autoImg .slides .list .img-box{
    width: 100%;
    overflow: hidden;
}

.autoImg .slides .list .img-box .img{
    width: 100%;
    height: 300px;
    background-position: center center; 
    background-repeat: no-repeat;
    background-size: cover;
}
.autoImg .slides .list .text-box{
    color: #666;
    font-size: 16px;
    line-height: 30px;
    padding: 30px 16px 20px;
}
.autoImg{
    overflow: hidden;
}
.autoImg .num{
    width: 100%;
    padding-top: 15px;
    text-align: center;
}
.autoImg .num li{
    width: 12px;
    height: 12px;
    margin: 0 4px;
    border: 1px solid #666;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-radius: 50%;
    cursor: pointer;
}
.autoImg .num li.cur{
    background-color: #058ac1;
    border-color: #058ac1;
}
.autoImg .slides .list .text-box .title{
    margin-bottom: 15px;
    text-anchor: center;
    color: #666;
}

.autoImg .slides .list .text-box .text{
    height: 90px;
    overflow: hidden;
}
.about-memberImg1 {
    width: 250px;
    height: 289px;
    float: left
}

.about-imgMember1 {
    background: url("http://www.ngdpi.com/web/static/web/img/team.png") no-repeat
}

.about-imgMember2 {
    background: url("http://www.ngdpi.com/web/static/web/img/team.png") -314px 0 no-repeat
}

.about-imgMember3 {
    background: url("http://www.ngdpi.com/web/static/web/img/team.png") -638px 0 no-repeat
}

.about-imgMember4 {
    background: url("http://www.ngdpi.com/web/static/web/img/team.png") -885px 0 no-repeat
}

.about-introduction1 {
    float: right;
    text-align: right;
    width: 760px
}

.about-member2 {
    background-color: #fafbfc;
    height: 340px;
    min-width: 1100px;
    padding-top: 50px
}

.about-memberImg2 {
    width: 250px;
    height: 289px;
    float: right
}

.about-introduction2 {
    float: left;
    text-align: left;
    width: 690px
}

.about-height {
    margin-top: 79px
}

.about-culture1 {
    margin: 100px 0;
    height: 560px;
    background-color: #fff;
    opacity: .9999999
}

.about-culture1 img {
    float: left
}

.about-description1 {
    float: left;
    text-align: left;
    margin-top: 90px
}

.about-culture2 {
    margin-top: 50px;
    width: 550px;
    float: left
}

.about-cultureTitle {
    color: #25a3de;
    text-align: right;
    width: 95px;
    font-size: 16px;
    margin-bottom: 60px
}

.about-cultureImg {
    width: 15px;
    height: 15px;
    margin-left: 13px;
    margin-right: 14px;
    margin-top: 5px;
    background-image: url("http://www.ngdpi.com/web/static/web/img/square.png")
}

.about-cultureContent {
    line-height: 24px;
    color: #597185;
    text-align: left;
    width: 350px;
    font-size: 16px;
    margin-bottom: 60px
}

.about-line {
    position: absolute;
    margin-left: 155px;
    margin-top: -50px;
    width: 1px;
    height: 560px;
    background-image: url("http://www.ngdpi.com/web/static/web/img/history_line.png");
    background-repeat: repeat-y;
    z-index: -1;
}

.about-description2 {
    float: right;
    margin-top: 90px;
    text-align: left;
    width: 278px
}

.about-achieveTitle, .about-advanTitle, .about-introTitle {
    padding-top: 80px;
    margin-bottom: 42px
}

.about-introContent {
    text-align: left
}

.about-introContent p {
    /*text-indent: 2em;*/
    font-size: 16px;
    color: #597185;
    line-height: 30px
}

.about-achievement {
    margin-top: 52px;
    height: 444px;
    min-width: 1100px;
    background: url("http://www.ngdpi.com/web/static/web/img/main_about.jpg") 0 -202px no-repeat
}

.about-achieveContent {
    width: 1100px;
    height: 200px;
    background-color: rgba(36, 164, 222, .8);
    border-radius: 3px
}

.about-achieveContent1 {
    float: left;
    width: 275px;
    text-align: center;
    margin-top: 39px
}

.about-icon {
    height: 38px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    margin: auto
}



.about-advanContent {
    float: left;
    width: 50%;
    text-align: left;
    margin-top: 20px
}


/*!*width: 100%;*!*//*!*margin-left: 50px;*!*//*!*margin-right:50px;*!*/
.footer-nav ul, .navbar_nav li {
    list-style: none
}

body {
    font-family: "Microsoft YaHei" !important;
    font-weight: 400
}


.main_container {
    width: 1024px;
    margin: 0 auto;
}

.subTitle {
    /*display: table;*/
    /*height: 46px;
    margin: 0 auto*/
    height: 60px;
    line-height: 60px;
    text-align: center;
    box-sizing: initial;
}




.subTitle .e{
    font-family: Arial;
    font-size: 60px;
    color: #1ba0d7;
    text-transform: uppercase;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.subTitle .c{
    font-size: 22px;
    color: #242424;
    margin-top: -62px;
}





.first-word {
    line-height: 60px;
    padding-right: 15px;
    font-size: 60px;
    color: #C6161E;
}

.main_about_inner, .title_cn, .title_en {
    color: #666;
}

.title_cn {
    font-size: 24px
}

.title_en {
    font-size: 18px
}



.weixin {
    display: none;
    width: 100%;
    position: fixed;
    bottom: -webkit-calc(15% - 20px);
    bottom: -moz-calc(15% - 20px);
    bottom: calc(15% - 20px);
    left: -webkit-calc(100% - (100% - 1100px) * .5 - 80px);
    left: -moz-calc(100% - (100% - 1100px) * .5 - 80px);
    left: calc(100% - (100% - 1100px) * .5 - 80px);
    z-index: 9999999
}

.weixin1 {
    width: 119px;
    height: 122px
}

#bsWXBox {
    width: 232px !important;
    height: 256px !important
}

#bsBox {
    width: 560px !important;
    height: 420px !important
}

.right_slide, .slide-top {
    width: 100%;
    position: fixed;
    z-index: 9999999
}

a:hover {
    cursor: pointer
}

.right_slide {
    top: 478px;
    left: -webkit-calc(100% - 235px - 20px);
    left: -moz-calc(100% - 235px - 20px);
    left: calc(100% - 235px - 20px)
}

.slide-top {
    height: 100%;
    top: -webkit-calc(100% - 40px - 20px);
    top: -moz-calc(100% - 40px - 20px);
    top: calc(100% - 40px - 20px);
    left: -webkit-calc(100% - 40px - 20px);
    left: -moz-calc(100% - 40px - 20px);
    left: calc(100% - 40px - 20px)
}

.slide-content {
    width: 235px;
    height: 122px
}

.slide-content-left {
    float: left;
    width: 194px;
    margin-right: 1px
}

.slide-content-right {
    float: right;
    width: 40px
}

.slide-email, .slide-tele {
    width: 40px;
    height: 40px;
    margin-bottom: 1px
}

.slide-wei {
    width: 40px;
    height: 40px
}

.slide-email1, .slide-tele1 {
    width: 194px;
    height: 40px;
    margin-bottom: 1px;
    display: none
}

.slide-email1 {
    margin-top: 41px
}

.slide-wei1 {
    width: 119px;
    height: 122px;
    display: none;
    float: right
}


.main_news_com, .main_news_com2, .main_product_com {
    box-shadow: 0 2px 6px rgba(50, 60, 70, .1)
}

.main_about {
    min-height: 550px
}

.main_about_top {
    padding-top: 53px
}

.main_about_inner {
    margin-top: 64px;

    padding-bottom: 32px;
}

.main_about_left, .main_about_right {
    width: 550px;
    height: 245px;
}

.video, .video_image {
    width: 320px;
    height: 180px
}

.main_about_title {
       line-height: 60px;
    font-size: 26px;
}

.main_about_content {
    line-height: 33px;
    font-size: 16px;
    margin-top: 16px;
    /*text-indent: 2em;*/
    color: #666;

}


.main_more_com {
    display: table;
    margin: 0 auto;
    width: 158px;
    font-size: 19px;
    text-align: center;
    line-height: 44px;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
     margin-top: 45px;
}

.title_com, .title_com2 {
    font-size: 20px;
    text-align: center
}

.main_more {
    color: #fff;
    border: 2px solid #1ba0d7;
    overflow: hidden;
    background-color: #1ba0d7;
}

.main_more a {
    display: block;
    width: 154px;
    height: 44px;
    border-radius: 44px;
    color: #fff;
    /*background-color: #1ba0d7;*/

}

.main_more a:hover {
    /*color: #C6161E !important;*/
    /*text-decoration: none !important*/
}

.main_more2 {
    position: relative;
    top: 400px;
    color: #fff;
    border: 2px solid #fff
}

.main_more:hover {
    color: #1ba0d7;
    border: 2px solid #1ba0d7;
    background-color: #fff;
}
.main_more:hover a{
    color: #1ba0d7;
}
.main_more2:hover {
    background-color: #25a3de;
    border: 2px solid #25a3de
}

.main_product123 {
    width: 100%;
    height: 646px;
    background: url("../image/aboutUsZj2.jpg");
    margin-top: 70px;

}

.main_product_top {
    padding: 55px 0 8px;
}

.main_product_com {
    float: left;
    position: relative;
    margin-top: 33px;
    width: 360px;
    height: 400px;
    color: #597185;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    transition: .6s ease;
    -webkit-transition: .6s ease;
    -moz-transition: .6s ease;
    -o-transition: .6s ease
}

.pic_com {
    width: 360px;
    height: 220px;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
}


.back, .back2, .front, .front2 {
    position: absolute
}

.title_com {
    margin-top: 100px;
    margin-bottom: 15px;
    color: #666;

}

.title_com2 {
    margin-top: 55px;
    margin-bottom: 18px
}



.huaxiang_base_pic, .huaxiang_pic {
    background-position: 0 0
}

.wangluo_pic {
    background-position: -360px 0
}

.wangluo_base_pic {
    background-position: -100px 0
}

.k12_pic {
    background-position: -720px 0
}

.k12_base_pic {
    background-position: -200px 0
}

.report_pic {
    background-position: -810px 0
}

.report_base_pic {
    background-position: -367px 0
}

.main_product_inner {
    width: 360px
}

.back, .back2 {
    display: block;
    background-color: rgba(1, 75, 106, 0.95);
    height: 493px;
     width: 480px;
    float: left;
    border-radius: 3px;
    color: #fff;
    top: 475px;
    transition: top 1s;
    -moz-transition: top 1s;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
    cursor: pointer
}

.back2 {
    visibility: hidden;
    position: relative;
    top: 330px;
    height: 330px;
    width: 270px;
    margin-top: 33px;
    color: #fff;
    padding: 0 20px;
    transition: top 1s;
    -moz-transition: top 1s;
    -webkit-transition: top 1s;
    -o-transition: top 1s
}

.flex_inner:hover .back {
    top: 0
}

.flex_inner2:hover .back2 {
    visibility: visible;
    top: 0
}

.flex {
    width: 1100px
}

.flex1 {
    position: absolute;
    text-align: center
}

.flex_inner, .flex_inner2, .slide_dy {
    position: relative
}

.flex_inner {
    float: left;
    width: 342px;
    height: 433px;
    overflow: hidden
}

.flex_inner2 {
    width: 270px;
    height: 330px;
    display: inline-block;
    overflow: hidden
}

.flex_in {
    margin-right: 65px;
    margin-left:157px ;
}

.flex_inner2:hover, .flex_inner:hover {
    z-index: 999
}

.index-net {
    margin-top: 20px;
    margin-left: 30px
}

.index-net1 {
    margin-top: 20px;
    margin-left: 12px
}

.index-netFont {
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    line-height: 40px;
    border-radius: 25px;
    margin-top: 10px
}

.index-netFont1 {
   float: left;
    width: 150px;
    margin-left: 52px;
    margin-top: 30px;
}

.index-netFont2 {
    width: 300px
}

.main_specialists {
    height: 790px
}

.slide_dy {
    top: 500px;
    width: 1100px;
    height: 122px;
    z-index: 666
}

.index-img, .index-img1, .main_more_person, .person_part, .slide_middle {
    position: absolute
}

.slide_middle {
    width: 1010px;
    left: 45px
}

.slide_left, .slide_right {
    width: 20px;
    height: 38px;
    margin-top: 41px;
    background-image: url("http://www.ngdpi.com/web/static/web/img/arrow.png");
    opacity: .3;
    cursor: pointer
}

.slide_right {
    background-position: -20px, 0
}

.slide_left:hover, .slide_right:hover {
    opacity: 1
}

.slide_com {
    float: left;
    min-width: 190px;
    height: 120px;
    background-size: cover;
    border: 5px solid #ccc;
    cursor: pointer
}

.live, .slide_com:hover {
    border: 5px solid #597185
}

.slide_pic_com {
    float: left;
    width: 180px;
    height: 110px;
    background-image: url("http://www.ngdpi.com/web/static/web/img/team_small.png")
}

.slide_person {
    float: left;
    height: 110px;
    width: 190px;
    text-align: center;
    color: #fff;
    display: none
}

.slide_person h3 {
    margin-top: 30px
}

.slide_inner {
    margin-right: 20px
}

.slide1_pic {
    background-position: 0 0
}

.slide2_pic {
    background-position: -180px 0
}

.slide3_pic {
    background-position: -360px 0
}

.slide4_pic {
    background-position: -540px 0
}

.live .slide_person {
    background-color: #597185;
    display: block
}

.index-img, .index-img1, .main_news_com, .main_news_com2 {
    background-color: #fff
}

.person_part {
    width: 1100px;
    height: 600px;
    margin-top: 58px
}

.person_info {
    display: none
}

.live2 {
    display: block
}

.news_content_com, .news_title_com {
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.person_left_com {
    width: 440px;
    margin-left: 45px;
    color: #24a4de
}

.person_left_com p {
    font-size: 16px;
    color: #597185;
    margin-top: 12px;
    margin-bottom: 20px;
    line-height: 28px
}

.main_more_person {
    margin-left: 0 !important;
    top: 350px !important
}

.person_com {
    width: 425px;
    height: 598px;
    margin-right: 45px;
    background-size: cover
}

.person_name {
    font-size: 48px;
    margin-top: 47px;
    margin-bottom: -10px
}

.person2_pic, .person4_pic {
    margin-top: -39px;
    height: 640px
}





/*自己加的*/
.pull-rightImg img{
    margin-left: 94px;
}

.huaxiang_pic .pic_comIMg{
    width: 360px;
}

.content_com{
    padding: 0px 2px;
    color: #666;
    font-size:16px;
    line-height: 30px;

}

/* 案例 */
.main_case_Width{
    width: 50%;
    padding:60px 0;
}



.main_case_Width h2{
    padding:20px 0px;

}
/* 学生画像 */

.main_case_WidthCOn  h2 span{
   font-size: 22px;
    color: #47647C;
    vertical-align: middle;
    margin-left: 10px;


}
.main_case_WidthCOn  h2 img{
    vertical-align:middle;

    margin-left: 27px;
}
.main_case_WidthCOn p{
    text-indent:2em;
    color: #47647C;
    line-height: 30px;
    font-size:16px;

    padding-left: 27px;
}

/* 领导驾驶舱 */
.main_case_Width  h2 span{
   font-size: 22px;
    color: #666;
    vertical-align: middle;
    margin-left: 10px;


}
.main_case_WidthCOn  h2 img{
    vertical-align:middle;

}
.main_case_Width p{
    text-indent:2em;
    color: #666;
    line-height: 30px;
    font-size:16px;

}

.marginTop{
    margin-top: 45px;
}

/* 首页新闻 */
.indexNewCaseBain{
    height: 722px;
    width: 100%;
    background: url("../image/indexNewGb.png");
    margin-top: 10px;
}

.indexNewCase ul li {
    float:left;
    height: 360;
}
/* 新闻 */
.flex_in123{
        margin-right: 5px;
    margin-left: 0px;
}

.main_product_com123{
    width: 330px;
}
.content_com123{
    text-indent:0em;
    padding-left: 24px;
    padding-top: 19px;
}
.main_moreNew{
         margin-top: 43px;
}
.main_moreNew{
    border:2px solid #fff;
}
.main_moreNew a{

    color: #fff !important;
}


.main_case_leftImg {
    text-align: right;
    width: 50%;
}

.main_case_leftImg1{
    text-align: left;
}
.main_case_leftImg1 img{
    margin-left:-75px;
}

.main_case_WidthCOn {
    padding-left: 20px;
}


/* 产品 */
.flex_innerProduct1{
    width: 480px;
    margin-right: 0px;
    margin-left: 0px;
    height: 493px
}
.flex_innerProduct2{
    width: 480px;
    margin-right: 0px;
    margin-left: 64px;
    height: 493px
}

.content_com12{
    padding: 0px 16px;
}

.main_about_left{
    width: 50%;
}
.main_about_right{
    width: 50%;
}

/* 鼠标一一上去的效果 */
.title_com2Title{
    text-align: center;
    font-size:26px;
    color: #fff;
}

.title_com2Content {
    padding: 10px 45px;
    text-align: left;
    font-size:16px;
    color: #fff;
    line-height: 34px;
}


.indexArrow {
    width: 64px;
    height:64px;
    background-color:#E9E9E9;
    border-radius:50%;
        margin: 58px 208px;
        display:block;

}

.indexArrow img{
    text-align: center;
    margin: 18px 25px;


}

.index-netFont123{
    background-color: #2CB8AD;color:#fff;display: inline-block;
                      vertical-align: top;
                      zoom: 1; /* Fix for IE7 */
                      *display: inline; /* Fix for IE7 */;
                      width:150px;height:40px
                      ;margin-top: 29px;
                       margin-left: 45px;
}

.index-netFont123:hover{
    background-color: #35d3c5 ;
    color: #fff;
}

.index-netFont1:hover{
    background-color:#ff7575;
    color: #fff;
}
.index-netFont1{

    background-color: #E86868;;display: inline-block;color:#fff;
}

.title_comdonftai{
    padding:0px 20px;
    color: #fff;
}

.title_comdonftai1{
    font-size:18px;
}
.title_comdonftai2{
    font-size:14px;
    line-height: 26px;
}

.title_comdonftai{
    text-align: left;
}

.newMOre{
    width: 52px;
    height: 52px;
    background-color: #E9E9E9;
    border-radius: 50%;
    margin: 58px 149px;
    display: block;


}
.newMOre img{
    text-align: center;
    margin: 13px 20px;
    width: 29%;
}
.container .nav>li{
    padding: 0;
}
.container .nav>li>a{
    width: 150px;
    line-height: 56px;
    margin-bottom: 4px;
     z-index: 12347;
     background-color: #fff;
    text-align: center;
}
.dropdown-menu {
    top: -400px;
    display: block;
    border: none;
    transition: top 0.5s;
    box-shadow: none;
    /*border-top: 1px solid #ccc;*/
}
.open>.dropdown-menu {
    top: 100%;
}
header .navbar-default .navbar-nav>.open>a, header .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: #fff;
}