html,body {overflow-x:hidden;}
ul,li {list-style:none;padding:0;margin:0;}
dl {margin:0; padding:0;}

a:link { text-decoration: none;}
a:active { text-decoration:none;}
a:hover { text-decoration:none;}
a:visited { text-decoration: none;}

.nav-bar { cursor:pointer; margin-top:15px;}
.txt-f{opacity:0;}
.txt1 {font-weight:bold;}
.txt2 {
    display: block;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 36px;
    margin-top: 10px;
}
.txt3 {
    font-size: 34px;
    display: block;
    margin-bottom: 0px;
    z-index: 99;
    position: relative;
    color: #fff;
    text-align: center;
}
.home-banner-active-slide .txt1,.topBanner .txt1{
    -webkit-animation:fadeInDown 1s  both;
    animation:fadeInDown 1s  both;
    -moz-animation:fadeInDown 1s  both;
}

.home-banner-active-slide .txt2,.topBanner .txt2{
    -webkit-animation:fadeInUp 1s both;
    animation:fadeInUp 1s both;
    -moz-animation:fadeInUp 1s both;
}

.home-banner-active-slide .txt3,.topBanner .txt3{
    -webkit-animation:fadeInUp 1s both;
    animation:fadeInUp 1s both;
    -moz-animation:fadeInUp 1s both;
}

.home-banner-active-slide .txt4{
    -webkit-animation:fadeInUp 1s .6s both;
    animation:fadeInUp 1s  .6s both;
    -moz-animation:fadeInUp 1s  .6s both;
}

a.btn_view {
    width: 180px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 19px;
    margin: 30px auto 20px auto;
    border-radius: 24px;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #17b3ed;
}
a.btn_view:hover {background:#0398cf; text-decoration:none;}

/*焦点图*/
.flexslider,.flexslider .slides,.flexslider .slides li,.flexslider [class*="-viewport"] {
    position: relative;
    height: 100%
}

.flexslider {
    overflow: hidden;
    width: 100%
}

.flexslider .align-vertical {
    padding-bottom: 0
}

.flexslider .slides {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s ease .1s;
    -o-transition: opacity .4s ease .1s;
    transition: opacity .4s ease .1s;
    margin-bottom: 0
}
.flexslider .slides.row-shadow a {
    display: block;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2)
}
.flexslider .slides .contain-wrap img {
    width: auto
}
.flexslider.complete .slides {
    opacity: 1;
    filter: alpha(opacity=100)
}
.flexslider-fixed {
    position: fixed;
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    height: 100%;
    top: 100%;
    z-index: 2999;
    -webkit-transition: top .5s ease-in-out;
    -o-transition: top .5s ease-in-out;
    transition: top .5s ease-in-out
}
.flexslider-fixed.active {
    top: 0
}
.flexslider-fixed>.btn {
    position: absolute;
    right: 0;
    z-index: 1
}
.flexslider-fixed h4 {
    position: absolute;
    top: 0;
    margin: 0
}
fieldset,legend {
    padding: 0;
    border: 0
}
.contain-wrap.in {
    background: 0 0
}
.btn,.btn-default.active,.btn-default:active,.btn-red.active,.btn-red:active,.btn-white.active,.btn-white:active,.btn.active,.btn:active,.form-control,.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-red,.open>.dropdown-toggle.btn-white {
    background-image: none
}
.contain-wrap img {
    max-width: 100%;
    height: auto
}
@media (max-width:991px) {
    .contain-wrap {
        border-width: 60px 10px
    }
}

.flexslider-grid .fw-wrap,.flexslider-grid [class*=viewport] {
    padding: 10px
}

@media (max-width:767px) {
    .flexslider-grid {
        overflow: visible!important
    }

    .flexslider-grid [class*=viewport] {
        padding: 4px;
        margin: -4px
    }
}

.flexslider-grid .fw-wrap {
    padding-top: 0;
    padding-bottom: 0
}

.controllers ol,.controllers ul {
    margin: 0;padding:0;
}[class*=control-nav] li {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin: 0 5px
 }[class*=control-nav] a {
      cursor: pointer
  }[class*=control-nav] a[class*=active] {
       cursor: default;
       pointer-events: none
   }

.flexslider-grid [class*="-viewport"]:after,.flexslider-grid [class*="-viewport"]:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 10px;
    top: 0;
    background-color: #fff
}

.flexslider-grid [class*="-viewport"]:before {
    left: 0
}
.flexslider-grid [class*="-viewport"]:after {
    right: 0
}[class*=control-nav] {
     font-size: 0;
     text-align: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

.btn,.jcrop-tracker {
    -webkit-user-select: none
}[class*=control-nav] a {
     position: relative;
     width: 40px;
     height: 40px;
     text-indent: 100px;
     overflow: hidden;
     display: block;
 }[class*=control-nav] a:before {
      display: block;
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      top: 50%;
      margin-top: -2px;
      -webkit-transition: all .4s ease-in-out;
      -o-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
      background-color: #fff;
      opacity:.4;
  }[class*=control-nav] a:hover:before,[class*=control-nav] a[class*=active]:before {
       opacity:1;
   }

.flexslider .slides li {
    background-position: center center
}

.flexslider .slides li,.header {
    background-repeat: no-repeat;
    background-size: cover
}
.align-bottom,.align-top {
    position: absolute;
    width:100%;
    left:0;
    z-index:9
}

.align-bottom {
    bottom: 0
}

.align-top {
    top: 0
}

.align-vertical {
    display: table!important;
    position: relative
}

i.menu-bar {background:url(../images/menu.png) no-repeat; background-size:24px; width:24px; height:24px; display:block;}
.header {
    background-image: linear-gradient(#0d41af, #3f8fd6);
    z-index: 900;
    color: #fff;
    position:absolute;
    top:0;
    width:100%;
    height:850px;
}
.header.subPage {
    height:520px;
}
.header,.navbar,.navbar-nav>li {position: relative}
.align-vertical .vertical-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.header [class*=half-] {
    width: 100%;
    text-align:left;
    font-style:normal;
}

.header .half-right {
    float: right
}

@media (max-width:991px) {
    .header [class*=half-] {
        width: 100%
    }
}
.navbar {
    position:fixed;
    z-index: 2010;
    width:100%;
    height:60px;
    border-radius:0;
    transition:all 0.3s, transform 0.3s;
    -webkit-transition:all 0.3s, -webkit-transform 0.3s;
    border-bottom:none;
    background:#000\9;
    opacity:0.7\9;
    filter:alpha(opacity=70);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

}
.navbar.fixedNav {background:rgba(0,0,0,.76);}
.navbar.fixedNav .navbar-header {}
.navbar.cur{background:#26292c;position:relative;width:100%;}
@media (max-width:767px) {
    .navbar-header {
        line-height: 50px;
        margin-top:0;
        background:rgba(0,0,0,.3);
    }
    .navbar {padding:0; height:auto;}
}
.navbar-nav>li {
    padding: 0;
    cursor: pointer;
    margin:0 10px 0 10px;
    float:left;
}
.navbar-nav>li>a {
    color: #fff;
    font-size: 15px;
    padding: 0 10px;
    display: block;
    height: 60px;
    line-height: 60px;
}
.navbar-nav>li>a:hover {text-decoration:none;}
.navbar-nav>li.cur>a {color:#81ddff;/*border-bottom:2px solid #81ddff;*/}
.navbar-nav>li.active>a,.navbar-nav>li.active>a:focus,.navbar-nav>li.active>a:hover {color: #80ccff;}
.navbar-nav ol,.navbar-nav>li.open,.navbar-nav>li:hover {}
.navbar-nav .open .dropdown {display: block}
.navbar-nav ol{
    display: none;
    -webkit-box-shadow: 0 8px 8px rgba(0,0,0,.3);
    box-shadow: 0 8px 8px rgba(0,0,0,.3);
    padding:45px 55px;
    list-style: none;
    position: fixed;
    left:50%;
    width: 575px;
    margin-left:-287.5px;
    top:15%;
    z-index: 9999;
}
.navbar-nav ol li {
    margin-bottom: 1px;
    line-height: 40px
}
.navbar-nav ol li a {
    display: block;
    padding: 0 15px;
    background-color: #f7f7f7
}

.navbar-nav ol li a:hover {
    background-color: #fff
}
.navbar-form {
    padding: 10px;
    user-select: none;
    -webkit-user-select: none
}

/*弹出菜单*/
.header-wrap {
    height: 60px;
    width: calc(100% - 310px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-wrap .header-inner {
    height: 60px;
}
.header-wrap .header-inner nav {
    overflow: hidden;
    height: 60px;
    float: right;
    clear: right
}

.header-wrap .header-inner nav ul li {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
}
.header-wrap .header-inner ul li h2 {
    font-size: 15px;
    cursor: pointer;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    padding:0;
    margin:0;
}
.header-wrap nav ul li.cur {display:block; }
.header-wrap nav ul li.selected {display:block;color:#2086d9;border-bottom:2px solid #2086d9;}
.nav-right {float:right;}
.navbar-brand {
    padding: 0;
    height: 60px;
    font-size: 18px;
    line-height: 54px;
}
.zl_icon {
    color: #fff;
    font-size: 16px;
}
.course_class .zl_icon {color:#555;margin-right:8px;}
.search {width:30px;height:30px;display:block;position:relative;}
.search_link {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.h640 {height:640px;}
.header_img_style {margin:60px auto 0 auto;width:880px;height:auto;}
.search_box {width:194px;height:34px;border-radius:3px;position:absolute;right:-2px;top:-2px;padding:0;display:none;z-index:887;background:#fff;box-shadow:0 1px 15px rgba(0,0,0,.3);}
a.souBtn,.souBtn {background:#17b3ed;width:34px;height:34px;display: flex;border-radius:0 3px 3px 0;align-items: center;justify-content: center;border:none;}
a.souBtn:hover,.souBtn:hover {background-color:#0398cf;}
.search_box .form-control {width: 160px;float: left;font-size:13px;border-radius: 3px 0 0 3px;border:none;}
.zl_introduce {padding:60px 0;background-color:#f3f5f7;}
.title_2{text-align:center;font-size:38px;font-weight:bold;padding-bottom:30px;}
.h300 .title_2 {font-size: 33px;padding-bottom: 20px;}
.font20 {font-size:20px;color:#333;line-height: 1.8;text-indent: 2em;}
.font22 {font-size: 22px;text-align:left;margin-bottom:15px;display: block;}
.font18 {font-size:18px;color:#333;margin: 10px 0 15px 0;}
.font18 a {color:#333;}
.font18 a:hover,.font18 a:hover i {color:#17b3ed;}

.title_30{font-size:30px;color:#333;padding-bottom: 40px;display:block;text-align:center;}
.title_20{
    font-size: 16px;
    color: #333;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}
.txt_wrap {
    height: 520px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.padding-left-50 {padding-left:10%;}
.tit {font-size:35px; display:block; color:#333; margin-bottom:15px; font-weight:700;}
.intro {font-size:18px; color:#777; display:block; line-height: 30px;text-align: justify;}
.intro16 {font-size:16px; color:#555; display:block; line-height: 27px;text-align: justify;}
.intro16 p {display:block;margin-bottom: 30px;word-wrap: break-word;white-space: normal;}
.intro16 p strong {color:#333;}
.has_num {line-height: 32px;padding-left: 20px;}
.has_num li {list-style: decimal;}
.bg-gray {background-color:#f3f5f7 !important;}
.bg-gray2 {background-color:#f8f8f8 !important;}
.img_wrap { height: 520px;justify-content: center;display: flex;flex-direction: column;}
.w307 {width:220px;}
.w893 {width:893px;}
.grid_pic_list {display:flex;align-items: flex-start;flex-wrap: wrap;}
.grid_pic_list li {position: relative;}
.grid_pic_list li span {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    left: 0;
    display: flex;
    top: 0;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.grid_pic_list li:hover span {
    opacity: 1;
}
.application_sence {padding:60px 0;}

/*页脚*/
.footer {background:#2e3439; padding-top:25px;}
.footer.white .copyright {background:#f5f5f5;}
.footer h6 {color: #fff;font-size: 15px;height: 30px;line-height: 30px;font-weight: normal;}
.product_server ul {line-height:28px; margin-top:10px;}
.product_server ul li a {display: block;color:rgba(255,255,255,0.7); font-size:13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product_server ul li a:hover {color:rgba(255,255,255,1);}
.footer h6 i {width:24px; height:24px; display:inline-block; margin-right:5px; vertical-align:text-bottom;}
.cooperate ul {
    line-height: 28px;
    color: rgba(255,255,255,.5);
    font-size: 13px;
    margin-top: 10px;
}
.weixin ul {margin-top:20px;}
.weixin ul li {float:left; margin-right:30px;}

.link{color: rgba(255,255,255,0.5);font-size: 12px;margin-top:40px; line-height:28px;}
.link a{color:rgba(255,255,255,.7); margin-right: 30px;}
.link a:hover{color: #fff;}
.copyright {color:rgba(255,255,255,0.5); text-align:center; line-height:24px; margin-top:30px;padding:10px 0; background-color:#1b1f22; font-size:12px;}
.copyright a {color:#fff;}
.margin-bottom-20 {margin-bottom:20px !important;}
.margin-bottom-40 {margin-bottom:40px !important;}
.margin-bottom-0 {margin-bottom:0px !important;}
i.menu-bar {background:url(../images/menu.png) no-repeat; background-size:24px; width:24px; height:24px; display:block;cursor: pointer;}
.product_server ul li {padding-left:0 !important;}

/*slogan*/
.slogan {background:url(../images/service_bg.jpg) no-repeat center top; height: 140px; background-size:cover; padding:40px 0; color:#fff;}
.slogan ul li {padding-left:4%;}
.slogan_icon_con {
    width: 54px;
    height: 54px;
    float: left;
    margin-right: 25px;
    margin-top: -6px;
}
.slogan_icon_con i { width:54px; height:54px; font-size:54px; color:#fff; display:block;}
.slogan_tit {font-size:24px; font-weight:600; display:block;}
.slogan_intro {font-size:16px; display:block; font-weight:300;}
.copyright .cr_link {padding-left:50px;}
.header.subPage {height:600px;}
.layout_flex {display:flex;align-items: center;}
.subpage_left {width:50%;padding-left:110px;}
.subpage_right {width:50%;display:flex;justify-content: center;}
.h600 {height:600px;}
.h300 {height:300px !important;}
.text-left2 {text-align: left !important;margin-bottom:20px;}
.text-left3 {text-align: left !important;}
.text-left4 {text-align: left !important;}
.font14 {font-size:14px;line-height: 1.8;}
.font15 {font-size:15px;line-height: 1.8;text-align: center;}
.font16 {font-size:16px;line-height: 1.8;}
.btn_small {height:30px;line-height: 30px;text-align: center;color:#fff;font-size:14px;border-radius:15px;border:1px solid #fff;display:inline-block;padding:0 15px;-webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.btn_small:hover {background-color:rgba(255,255,255,1);color:#111;text-decoration: none;}
.mt20 {margin-top:30px;}
.use_instru_content {padding:40px 0;}
.use_instru {padding:50px 0;}
.use_instru_txt {
    font-size: 16px;
    line-height: 34px;
    text-align: justify;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}
.use_instru_txt ol li {padding-left:20px;background:url(../images/dot.png) no-repeat 0 10px;}
.bg_course {background:url(../images/header_course.png) no-repeat center bottom;background-size:cover;}
.search_box2 {display:flex;align-items: center;justify-content: center;width:100%;margin-top:40px;}
.search_style {height: 38px;line-height: 38px;padding:0 10px;border:none;color: #333;}
.s_btn {height:38px;line-height: 38px;padding:0 15px;color:#fff;font-size:15px;text-align:center;border:none;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.s_btn.s_btn_blue {background-color:#17b3ed;margin-right:10px;}
.s_btn.s_btn_blue:hover {background-color:#0398cf;}
.s_btn.s_btn_red {background-color:#e7483b;}
.s_btn.s_btn_red:hover {background-color:#d32c1f;}

.bg-green {background-color:#4fd481;}
.bg-blue {background-color:#419ed7;}
.bg-yellow {background-color:#e6af52;}
.w50 {width:50%;}
.w60 {width:60%;}
.w80 {width:80%;}
.w48 {width:48%;}
.w40 {width:40%;padding-left:80px;}
.w20 {width: 20%; padding-left: 60px; margin: 50px 30px 0 100px;}
.w53 {width:59%;flex-direction: column;align-items: flex-start;}
.flex_start {justify-content: flex-start;}
.course_block{width:100%;height:220px;border:1px solid #ddd;border-radius:5px;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.course_block:hover {box-shadow: 6px 8px 10px rgba(0,0,0,.1);}
.course_block dt {height: 170px;display:flex;justify-content: center;align-items: center;font-weight: normal;}
.course_block dt i {font-size:64px;margin-right:25px;}
.course_block dd {font-size:18px;color:#555;text-align:center;height: 50px;line-height: 50px;}
.font37 {font-size:37px;color:#fff;display:block;}
.englishfont {font-size:16px;color:#fff;font-weight: 300;}
.question_list {padding:40px 0;}
.question_list_block {background:#fff;border-radius: 5px;padding:20px;}
.question_list_block ul {line-height: 30px;}
.question_list_block ul li a {font-size:15px;color:#555;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;display:block;}
.question_list_block ul li a:hover {color:#419ed7;}
.question_list_block h2 i {color:#aaa;}

/*返回顶部*/
.fix-right-v2 { position: fixed; right: 10px; bottom: 144px; width: 38px; height: 38px; background: #fff; z-index: 1001; }
.fix-right-v2 table { width: 100%; height: 100%; }
.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }
.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url("../images/sidebar_spriteV2.png");  overflow: hidden; cursor: pointer; }
.fix-right-v2 li { position: relative; }
.fix-right-v2 li span {position: absolute;right: 58px;top: 0;visibility: hidden;padding: 0 14px;opacity: 0;color: #fff;font-size: 12px;background: #2277da;transition: .3s all ease-in;-webkit-transition: .3s all ease-in;-moz-transition: .3s all ease-in;-o-transition: .3s all ease-in;white-space: nowrap;}
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; }
.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #2277da; overflow: hidden; }
.fix-right-v2 li .popup-qr {top:-50px;padding:0;background: #fff;}
.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #aaa;}
.fix-right-v2 li .popup-qr .qr-title { display: block; padding-top: 8px; color: #000; line-height: 12px; font-size: 12px; }
.fix-right-v2 .download a, .fix-right-v2 .download span { }
.fix-right-v2 .download a { height: 38px; background-position: -38px 0; }
.fix-right-v2 .download:hover a { background-position: 0 0; }
.fix-right-v2 .download a span i{top:auto;bottom:15px;}
.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }
.fix-right-v2 .feedback a { background-position: -38px -76px; }
.fix-right-v2 .feedback:hover a { background-position: 0 -76px; }
.fix-right-v2 .tel2 a, .fix-right-v2 .tel2 span { height: 38px; line-height: 38px; }

.fix-right-v2 .tel2 a { background-position: -38px -38px; }
.fix-right-v2 .tel2:hover a { background-position: 0 -38px; }
.fix-right-v2 .gotop { position: absolute; bottom: 38px; }
.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }
.fix-right-v2 .gotop a { background-position: -38px -114px; }
.fix-right-v2 .gotop:hover a { background-position: 0 -114px; }

.weixin_list {
    position: absolute;
    right: 38px;
    top: -38px;
    display: none;
}
.weixin_list li {
    color:#fff;
    cursor: pointer;
    background: #2277da;
    padding: 5px 10px;
}
.weixin_list li:hover {
    background-color:#2b8cfe;
}
.weixin_list li em {vertical-align: middle;margin-right: 3px;}
.weixin_list li font {
    display: none;
    position: absolute;
    right: 125px;
    top: 0;
}
.weixin_list li:nth-child(2) font {
    top:-32px;
}
.weixin_list li:nth-child(3) font {
    top:-64px;
}
.weixin_list li:last-child font {
    top:-96px;
}
.weixin_list li:hover font {
    display: block;
}
.weixin_list li font img {width: 120px;}

/*产品*/
.bg-white{background:#fff;}
.pad-tb-40{padding-top:40px;padding-bottom:40px;}
.pad-top-40{padding-top:40px;}
.pad-top-20{padding-top:20px;}
.pad-bottom-0 {padding-bottom:0 !important;}
.pad-bottom-10 {padding-bottom:10px !important;}
.tab-custom {height:42px;line-height:42px;margin-bottom: 10px;}
.tab-custom ul {display:flex;align-items: center; justify-content:center;}
.tab-custom ul li {margin:0 20px;}
.tab-custom ul li a {display:block;font-size:20px;color:#333333;}
.tab-custom ul li.t_cur a {display:block; color:#17b3ed;position: relative;}
.tab-custom ul li.t_cur a:after {content:'';width:32px;height:3px;background:#17b3ed;position: absolute;left:calc(50% - 16px);bottom:0;border-radius: 1.5px;}
.funlist {padding:20px 0 30px 0;}
.funlist ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;line-height: 40px;}
.funlist li {width:25%;}
.funlist li a {font-size:16px;color:#555555;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.funlist_con ul li {display: flex;align-items: center;justify-content: space-between;margin-bottom:40px;}
.funlist_con ul li img {width:220px;max-width: 100%;}
.funlist_con ul li .fun_text{width:calc(100% - 250px);}
.text-orange {color:#f60;}
.icon {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    fill: currentColor;
    overflow: hidden;
    margin-right:5px;
}
.tit_h6 {font-size:20px;font-weight:bold;margin-bottom:20px;}
.table p {margin:0;padding:5px 0;}
.table.has-border {border:1px solid #ddd;}
.table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
    font-size: 15px;
}
.text-success {
    color: #3c763d !important;
}
.text-danger {
    color: #a94442 !important;
}

.alert-warning {
    position: relative;
    padding-right: 15px;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 0;
}
.fa-stack {margin: 50px auto;display: block;}
.list-unstyled li {
    margin-bottom: 30px;
}
.list-unstyled h3 {
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 33px;
    text-align: center;
    font-weight: 700;
}
.list-unstyled p {font-size: 15px;color:#777;}
.text-blue {color:#17b3ed !important;}
.back_white {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    margin: 0 5px;
    height: 330px;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.back_white:hover {box-shadow: 3px 8px 15px rgba(0,0,0,.15);}
.back_white span{
    position: relative;
    width: 78px;
    height: 78px;
    line-height: 78px;
    vertical-align: middle;
    margin: 50px auto;
    display: block;
    border-radius: 40px;
    text-align: center;
}
.back_white span i{font-size:3.5em;}
.bg_blue {background-color:#17b3ed;}
/*关于*/
.about_img {width:325px;height:424px;}
.about_txt {
    width: calc(100% - 325px);
    font-size: 18px;

    color: #666;
    line-height: 2;
    text-align: justify;
    padding-left: 60px;
}
.layout_flex2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pad-bottom-50 {padding-bottom:50px;}
.pad-bottom-30 {padding-bottom:30px;}
.custom_logo {
    width: calc(100% - 325px);
    padding-left: 60px;
    padding-top:30px;
}
.custom_logo ul{display:flex;flex-wrap: wrap;}
.custom_logo ul li{width:25%;}
.custom_logo ul li a{
    width: 100%;
    display: flex;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-color:#fff;
}
.custom_logo ul li a:hover {
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.21);
}
.custom_logo ul li a img {-webkit-filter: grayscale(100%);-webkit-filter: grayscale(1);filter: grayscale(100%);FILTER:gray;
    opacity: 0.5;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.custom_logo ul li a:hover img {-webkit-filter: grayscale(0%);-webkit-filter: grayscale(0);filter: grayscale(0%);FILTER:none;opacity:1;}

/*联系*/
.contact_us p { line-height:26px;font-size:16px;}
.gaishu p {
    line-height: 30px;
    font-size: 16px;
    padding-bottom: 5px;
    text-align: justify;
}
.text-orange {color: #ff6000;}
a.kefu {background:#3498db url(../images/qq.png) no-repeat 12px center; color:#fff; padding:3px 6px 3px 33px;font-size:12px; border-radius:2px; text-align:center; display:inline-block; margin-right:10px;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
a.kefu:hover {background-color:#1c87cf;}
#allmap {
    width: 100%;
    height: 600px;
}
.dbt4 {
    font-size: 19px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.map-wrap {
    display: block;
    margin-top: 40px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}
.anchorBL{display:none;}
.pad-right-0 {padding-right:0 !important;}

/*教程列表*/
.course_class {line-height: 50px;background: #fff;border:1px solid #dedede;display: flex;flex-wrap: wrap;}
.course_class li {width:100%;height:50px;border-bottom:1px solid #dedede;}
.course_class li a, .course_class li span {padding:0 20px 0 0;color:#555;font-size:16px;display:block;height: 49px;padding-left: calc(50% - 60px);}
.course_class li.class_sel {background: #fff;}
.course_class li.class_sel a {color:#17b3ed;}
.course_class li a:hover {background-color:#f8f8f8;}
.course_class li.class_sel .zl_icon {color: #17b3ed;}

.course_hot_rank {background-color:#fff;padding:0 15px 10px 15px;border:1px solid #dedede;margin-top:20px;}
.course_hot_rank ul {line-height: 36px;}
.course_hot_rank ul li {height:36px;display: flex;align-items: center;}
.course_hot_rank ul li:last-child,.course_class li:last-child {border:none;}
.course_hot_rank ul li span {width:20px;height:20px;background: rgba(0,0,0,0.6);color:#fff;text-align: center;line-height: 20px;font-weight: normal;font-size:10px;margin-right:10px;border-radius:3px;margin-bottom: 0;box-sizing: border-box;}
.course_hot_rank ul li:nth-child(-n+3) span{background-color:#f90 !important;}
.course_hot_rank ul li a {width: 210px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#444;font-size:14px;box-sizing: border-box;}
.course_hot_rank ul li a:hover {color:#17b3ed;}

/*列表*/
.newsList_con {border:1px solid #dedede;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;cursor:pointer;margin-bottom:20px;background:#fff;}
.newsList_con:hover {box-shadow:0 3px 15px rgba(0,0,0,.16);}
.date_bg {height:160px;  padding-top:25px;}
.font60 {font-size:60px; font-weight:700; display:block; text-align:center; color:#8d8d8d; letter-spacing:-2px; margin-bottom:-5px;}
.month {font-size:12px; display:block; text-align:center;}
.tit20 {font-size:20px; color:#333; display:block; margin-bottom:15px; display:block; padding-right:20%; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.tit20 a {color:#333;}
.tit20 a:hover {color:#337ab7;}
.newsList_con_con {padding:20px;}
.grayFon14 {font-size:14px;color:#888; line-height:22px; display:block; margin-bottom:10px; padding-right:20%; height:44px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.more {float:right; margin-top:-52px; display:block;}
.more a {width:90px; line-height:32px; text-align:center; display:block; background:#bfbfbf; color:#fff; font-size:14px; transition: all .4s ease-in-out;}
.newsList_con:hover .more a {background-color:#17b3ed;}
.clickNum a {border:1px solid #dedede;font-size:12px;display:inline-block;padding:2px 5px;margin-right:5px;border-radius:3px;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin-bottom:5px;
}
.clickNum a:hover {border-color:#17b3ed;}
.margin-top-0 {margin-top:0 !important;}
.margin-top-5 {margin-top:5px !important;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #17b3ed;
    border-color: #17b3ed;
}

/*详情*/
.related { height:30px; margin-top:18px; font-size:14px;}
.l { float:left; color:#7d7d7d;}
.r { float:right;color:#7d7d7d; }
#a_2 { width:700px; margin:15px 0 0 23px; }
#a_2_2 { line-height:23px;}
#a_2_2_1 { text-align:center; padding-bottom:10px;}
#a_2_2_1 b { font-size:26px; line-height:1.5; font-weight:bold; color:#333333;margin-bottom:10px;display: block;}
#a_2_2_2 {margin-top:15px;padding-bottom:20px;line-height:28px;font-size:16px;clear:both;line-height:30px;box-sizing:border-box;color:#454545;}
#a_2_2_2 img{max-width:100% !important;}
#daodu {height:auto;background-color:#fff9e8;border:1px #ccc solid;line-height:30px;padding-top:10px;color:#454545; text-align:left; padding-bottom:10px;}
#daodu p { width:90%; margin:0 auto;}
.STYLE1 { color: #999999;font-size: 15px;}
.STYLE2 { color: #ff9000; font-weight: bold; }
.STYLE3 { color:#ff9000; }
#ckepop{ clear:both;  min-height:50px; _padding-bottom:15px; border-bottom:1px solid #ebebeb; }
.news_xg {width:380px; margin-top:30px;}
.border_bottom { border-bottom:1px solid #ebebeb; padding-bottom:10px; }
.tl { text-align:left; }
#n_fenxiang {border-top: 1px solid #EBEBEB;}
h2.bt3 {font-size:18px; display:block; margin-bottom:20px;color:#111;}
.guanzu {margin-top:30px;}
.guanzu ul { line-height:32px;}
.guanzu ul li a { display:block; height:32px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#454545;}
.padding-left-30 {padding-left:40px;}
.top_related {margin-bottom:10px;}
.position {display:block; font-size:15px; margin-bottom:20px; padding:0 10px;line-height: 1.8;}
.bg-white {background: #fff;}

.search_box2.hasbor {margin-top: 0;margin-bottom: 30px;}
.bg-white2 {background: #fff;border:1px solid #dedede;padding:30px;}

/* history */
#history{width:1180px;/* height: 800px; */position:relative;margin:0 auto 0 auto;/* overflow-y: auto; */}
.history_title{
    height: 45px;
    line-height: 45px;
    text-indent: 135px;
}
.history_title h2{color: #333;font-size: 22px;font-weight:500;}
#circle{
    width:83px;
    height:83px;
    position:absolute;
    top:0;
    left:390px;
    border:6px solid rgba(0,0,0,0.15);
    border-radius:95px;
    text-indent:0;
    text-align:center;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
#circle .cmsk{height:83px;position:absolute;width:83px;top:0;left:0;}
#circle:hover{
    transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    border-color:rgba(0,0,0,0);
}
.clock{display:block;}
#circle:hover {border-color:rgba(255,255,255,0.6);background-color:#6bc30d;}
#circle:hover .clock{display:block;}
#circle:hover .circlecontent{display:none;}
#circle span{font-size:18px;color:#b0b0b0;}
#circle .clock{
    background:url(../images/clock.png) no-repeat 0 0;width:83px;height:83px;position:absolute;top:0;left:0;display:none;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
    border-radius:0;
}
#circle:hover .clock{border-radius:83px;}
.timeyear{color:#b0b0b0;font-size:18px;line-height:20px;}
.timeblock{height:28px;margin-top:22px;margin-left:5px;}
.timeblock span{display:block;height:24px;width:18px;float:left;}
.timeblock .numf{background-position:0px -48px;}
.timeblock .nums{background-position:0px 0px;}
.timeblock .numt{background-position:0px -24px;}
.timeblock .numfo{background-position:0px -72px;}
#content{height: auto;width:1180px;overflow:hidden;background: url(../images/vertical.png) repeat-y 174px 2px;padding-top:10px;}
.history_list{overflow:hidden;position:relative;}
.history_list li{height:auto;vertical-align:bottom;overflow:hidden;position:relative;margin-bottom: 40px;}
.liwrap{height:auto;margin-top:28px;}
.lileft{position:absolute;top:0;left:0px;height: 48px;width: 120px;line-height: 48px;text-align:right;}
.liright{height:auto;margin: -20px 0 0 210px;}
.histt{height:35px;line-height:35px;margin-bottom:15px;}
.hisct{font-size: 15px;color:#6e6e6e;line-height:2;}
.md{font-size:18px;color:#AEAEAE;}
.year{font-size:12px;color:#AEAEAE;margin-right:10px;}
.history_point{width:55px;height:55px;position:absolute;top:0;left: 149px;background: url(../images/point.png) no-repeat 0px 16px;overflow:hidden;}
.history_point b{
    height:16px;
    width:16px;
    background:#fff;
    display:block;
    margin:17px 0 0 21px;
    border-radius:18px;
    border:2px solid #17b3ed;
    -webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear;
    position:absolute;
    top:0;
    left:0;
    font-weight: normal;
}
.thiscur .history_point b{border:7px solid rgba(107,195,13,0.6);margin:12px 0px 0px 14px;border-radius:52px;box-sizing: content-box;}
.thiscur .histt a{color:#6bc30d;}
.histt a{
    font-size:24px;
    color: #333;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

@media (max-width:1024px) {
    .header-wrap .header-inner {margin-left:0;}
    .w40 {width:35%;padding-left: 20px;padding-right:50px;}
    .w80 {width:100%;}
    .top_related.l,.top_related.r {float: none;}
    /*.course_class li {width:50%;}*/
    .bg-white2 {padding: 20px;margin-top: 20px;}
    .w20 {
        padding-left: 10px;
        margin: 50px 30px 0 30px;
    }
}

@media (max-width:767px) {
    .h640 {height:auto;}
    .nav-right {float:right;width:100%}
    .nav-bar {
        float: right;
        margin-top: 0;
    }
    .navbar-brand {
        height: 45px;
        line-height: 45px;
    }
    .header_img_style {margin-top:0;width:85%;}
    .navbar-brand a img {width: 180px;}
    .header {height: 400px;}
    .header.subPage {height: 400px}
    .h600 {height: 400px;}
    .subpage_left {padding-left:0;width: 60%;padding-right: 10px;}
    .header-wrap {
        height: auto;
        position: absolute;
        width: 100%;
        background: rgba(0,0,0,0.8);
        left: 0;
        top: 45px;
    }
    .header-wrap .header-inner {
        height: auto;
        float: none;
        margin: 0;
    }
    .header-wrap .header-inner nav {
        height: auto;
        float: none;
    }
    .header-wrap .header-inner nav ul {
        float: none;
        margin: 0;
    }
    .header-wrap .header-inner nav ul li h2 {
        height: 42px;
        line-height: 42px;
    }
    .header-wrap .header-inner nav ul li {
        height: 42px;
        line-height: 42px;
        float: none;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        margin:0;
    }
    .header-wrap .header-inner nav ul li:last-child {
        border: none;
    }
    .navbar-nav>li>a {
        padding: 0;
        height: 42px;
        line-height: 42px;
    }
    .navbar-nav > li.cur > a {
        color: #81ddff;
        border-bottom: none;
        height: auto;
        line-height: 1.5;
    }
    .txt2 {
        font-size: 18px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 1.5;
        margin-top: 5px;
    }
    .txt3 {
        font-size: 18px;
        margin-bottom: 0;
        margin-top: 50px;
    }
    .txt3.font_t {font-size:21px;}
    a.btn_view {
        width: auto;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        margin: 15px auto;
        padding: 0 15px;
        display: inline-block;
    }
    .btn_small {
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        border-radius: 12px;
        padding: 0 10px;
    }
    .mt20 {margin-top: -15px;}
    .subpage_right img {max-width:96%;}
    .font14 {font-size: 12px;line-height: 1.3;padding-top:15px;}
    .header-wrap .header-inner {
        margin-left: 0;
        width: 100%;
    }
    .img_wrap{height: auto;margin:0 auto;}
    .whyMe .block:nth-child(odd) .img_wrap {padding-top: 20px;}
    .tit {font-size:24px;}
    .slogan {padding:30px 0;height: auto;}
    .slogan ul li { margin-bottom:30px; }
    .slogan ul li:last-child {margin-bottom:0;}
    .slogan_intro {font-size:16px;}
    .slogan_tit {font-size:20px;padding-top:6px;}
    .weixin ul {text-align: center;}
    .weixin ul li {float: none;margin:0 10px;display: inline-block;}
    .zl_introduce {padding: 20px 15px;}
    .title_2,.h300 .title_2 {font-size:26px;padding-bottom: 10px;}
    .font20 {font-size: 16px;text-align: justify;}
    .txt_wrap {
        height: auto;
        width: 100%;
        padding-left: 10px !important;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .application_sence {padding: 30px 0;}
    .w307 {width: 100%;padding-bottom: 20px;}
    .w893 {width: 100%;}
    .grid_pic_list li {width:100% !important;margin-bottom: 5px;}
    .grid_pic_list li img{width:100% !important;height: 30vh;}
    .copyright .cr_link {display:block;padding-left:0;}
    .use_instru_txt ol {padding-left:0;margin-top:40px;}
    .use_instru {padding: 20px 0;}
    .use_instru_content {padding-top:10px;padding-bottom:10px;}
    .w50 {width:95%;}
    .w60 {width:40%;}
    .s_btn {padding: 0 8px;font-size: 13px;}
    .s_btn.s_btn_blue {margin-right:0;}
    .title_30 {padding-bottom: 15px;font-size: 24px;}
    .use_instru .course_block {margin-bottom:20px;}
    .question_list {padding:30px 0;}
    .question_list_block {margin-bottom:15px;}
    .use_instru_content .img-responsive {max-width: 60%;}
    .w53 {width: 100%;align-items: center;}
    .w48 {width: calc(100% - 71px);}
    .text-left3 {text-align: center !important;}
    .flex_start {justify-content: center;}
    .only_row3{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        padding-top: 10px;
    }
    .funlist li {width: 100%;}
    .funlist li a {font-size: 15px;}
    .pad-top-40 {padding-top: 20px;}
    .funlist_con ul li {flex-direction: column;}
    .funlist_con ul li:last-child {margin-bottom: 0;}
    .funlist_con ul li img {width: 100%;margin-bottom: 20px;}
    .funlist_con ul li .fun_text {width: 100%;}
    .tab-custom ul li {margin: 0;}
    .tab-custom ul li a {font-size: 17px;}
    .container {padding-right: 20px;padding-left: 20px;}
    .pad-tb-40 {padding-top: 20px;padding-bottom: 20px;}
    .tab-custom ul {justify-content: space-between;}
    #history {width: 100%;}
    .title {text-indent: 60px;}
    #content {
        width: 100%;
        background-position: 96px 2px;
    }
    .lileft {width: 66px;}
    .history_point {left: 71px;}
    .liright {margin: -20px 0 0 120px;padding-right: 15px;}
    .histt {
        height:auto;
        line-height: 26px;
        margin-bottom: 15px;
        margin-top: 32px;
    }
    .histt a {font-size: 22px;}
    .hisct {font-size: 16px;line-height: 1.8;text-align: justify;}
    .table > tbody > tr > td, .table > tfoot > tr > td {font-size: 13px;}
    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
    }
    .list-unstyled li {
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .list-unstyled li:last-child{margin-bottom:10px;}
    .back_white {margin: 0;}
    .font16 {font-size: 14px;}
    .icon {width: 22px;height: 22px;}

    .layout_flex2 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .about_img {
        width: 100%;
        height: auto;
        padding-top:20px;
    }
    .about_img img {
        width: 100%;
        margin-bottom: 30px;
    }
    .about_txt {
        width: 100%;
        font-size: 18px;
        line-height: 2;
        padding-left: 0;
    }
    .custom_logo {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }
    .custom_logo ul li {
        height: auto;
        width:50%;
        overflow: visible;
    }
    .pad-bottom-50 {
        padding-bottom: 30px;
    }
    .contact_us p {
        font-size: 18px;
        line-height: 1.8;
        color:#666;
    }
    #allmap {
        height: 260px;
    }
    a.kefu {
        font-size: 14px;
        width: 47%;
        padding: 6px 6px 6px 33px;
        margin-bottom: 8px;
    }
    .map-wrap {
        margin-top: 30px;
    }
    .gaishu p {
        font-size: 18px;
        line-height: 1.8;
        color:#666;
    }
    .dbt4 {
        font-size: 22px;
    }
    #a_2_2_1 b {
        font-size: 24px;
        line-height: 1.5;
        margin-bottom: 10px;
        display: block;
    }
    .bg-white2 {
        padding: 20px;
        margin-top: 20px;
    }
    #a_2_2_2 {text-align: justify !important;}
    .position {padding: 0;}
    .new_info .col-md-3,.new_info .col-md-9 {padding-left:0;padding-right:0;}
    .more {
        margin-top: 15px;
        margin-right:0;
        float: none;
    }
    .tit20,.grayFon14 {padding-right: 0;}
    .search_course {margin-top:20px;}
    .search_course .font16 {text-align:center;font-size:18px;}
    .search_box2.hasbor {margin-bottom: 20px;}
    .course_hot_rank ul li a {font-size: 15px;}
    .course_class li {width:50%;}
    .top_related.l {float:left;}
    .top_related.r {float:right;}
    [class*=control-nav] a {height: 20px;}
}