@charset "utf-8";
/* CSS3滚动条 */
/*::selection {background:#222;color:#fff;text-shadow:none;}*/
/*::-webkit-scrollbar-track-piece{width:10px;background-color:#4e4e5a;border-radius:50px;}*/
::-webkit-scrollbar{width:8px;height:6px;}
::-webkit-scrollbar-thumb{height:50px;background:#3fb560;border-radius:50px;cursor:pointer;}
::-webkit-scrollbar-thumb:hover{background:#3fb560;cursor:pointer;}
/* 页面选中颜色 */
::-moz-selection{background:#24b33c;color:#fff;}
::-webket-selection{background:#24b33c;color:#fff;}
::-o-selection{background:#24b33c;color:#fff;}
::selection{background:#24b33c;color:#fff;}
/*消除谷歌下input边框*/
*:focus{outline:none;}
body{
    background-color: #fff;
    font-family: "Microsoft yahei","微软雅黑","Tahoma","Verdana","Arial","sans-serif";
}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle; max-width: 100%;}
.bg-grey{background-color: #f8f8f8;}
.padding50{padding: 50px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}
.ptb50{padding-top: 50px;padding-bottom: 50px;}
.bt-line{border-top: 1px solid #e9e9e9;}
/*导航菜单*/
.navbar{
    padding: 15px 0;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.navbar .navbar-header .logo{
    width: 180px;
    height: 44px;
    overflow: hidden;
    padding: 0 15px;
    display: block;
}
.navbar .navbar-header .navbar-toggle .icon-bar{
    background-color: #fff;
}
.navbar .navbar-collapse .nav li{
    padding: 0 15px;
}
.navbar .navbar-collapse .nav li a{
    padding: 11px 3px;
    font-size: 16px;
    background:none;
    color: #fff;
    display: inline-block;
    border-bottom: 2px solid rgba(92,229,92,0);
    transition: border 0.5s;
    -moz-transition: border 0.5s;
    -webkit-transition: border 0.5s;
    -o-transition: border 0.5s;
}
.navbar .navbar-collapse .nav li.active a,.navbar .navbar-collapse .nav li a:hover{
    color: #5ce55c;
    border-bottom: 2px solid rgba(92,229,92,1);
}
.navbar-style{
    padding: 5px 0;
    background-color: #fff;
    -webkit-box-shadow: 10px 0 10px 0 rgba(0,0,0,0.1);
    box-shadow: 10px 0 10px 0 rgba(0,0,0,0.1);
}
.navbar-style .navbar-header .logo .logo-top{
    display: none;
}
.navbar-style .navbar-header .navbar-toggle .icon-bar{
    background-color: #5ce55c;
}
.navbar-style .navbar-collapse .nav li a{
    color: #777;
}
/*首页第一屏*/
.home-page{
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url('../style/home-bg02.jpg') no-repeat center center;
    background-size: cover;
}
.home-page .swiper-container{
    width: 100%;
    height: 100%;
}
.home-page .swiper-container .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.home-page .swiper-container .swiper-slide .slide-two,.home-page .swiper-container .swiper-slide .slide-three{
    height: 100%;
    width: 100%;
    position: relative;
}
.home-page .swiper-container .swiper-slide .slide-two .s-t-bg01{
    position: absolute;
    width: 475px;
    height: 475px;
    left: 50%;
    top: 50%;
    margin: -235px 0 0 -235px;
    text-indent: -9999px;
    transition: all 1s;
    z-index: 500;
}
.home-page .swiper-container .swiper-slide .slide-two .s-t-bg01 .s-t-bg-box{
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(../style/s-t-bg01.png);
    animation: mainzx1 120s infinite linear;
    -webkit-animation: mainzx1 120s infinite linear;
    -moz-animation: mainzx1 120s infinite linear;
    -o-animation: mainzx1 120s infinite linear;
}
@-webkit-keyframes mainzx1{
    from{
        -webkit-transform: rotate(0deg)
    }
    to{
        -webkit-transform: rotate(359deg)
    }
}
@-moz-keyframes mainzx1 {
    from{
        -moz-transform: rotate(0deg)
    }
    to{
        -moz-transform: rotate(359deg)
    }
}
@-o-keyframes mainzx1 {
    from{
        -o-transform: rotate(0deg)
    }
    to{
        -o-transform: rotate(359deg)
    }
}
@keyframes mainzx1{
    from{
        transform: rotate(0deg)
    }
    to{
        transform: rotate(359deg)
    }
}
.home-page .prompt{
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
    font-size: 12px;
    opacity: 0.6;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.home-page .copyright{
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
    color: #fff;
    font-size: 12px;
    opacity: 0.6;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.home-page-style .prompt,.home-page-style .copyright{
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.home-page .swiper-container .swiper-slide .slide-two .s-t-bg02{
    top: 50%;
    margin-bottom: -155px;
    opacity: 1;
    transition-delay: 0.7s;
    position: absolute;
    width: 100%;
    height: 230px;
    background: url(../style/s-t-bg02.png) 53% 0 no-repeat;
    transition: all 1s;
}
.home-page .swiper-container .swiper-slide .slide-two .s-t-bg03{
    width: 346px;
    height: 173px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -173px;
    margin-top: -130px;
    opacity: 1;
    transition-delay: 0.7s;
    background: url(../style/s-t-bg03.png) 50% 0 no-repeat;
    transition: all 1s;
}
.home-page .swiper-container .swiper-slide .slide-two .s-t-text{
    font-size: 22px;
    width: 475px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -237px;
    margin-top: 80px;
}
.home-page .swiper-container .swiper-slide .slide-two .s-t-btn .btn-success{
    margin: 0 20px;
}
.home-page .swiper-container .swiper-slide .slide-three .s-3-bg01{
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 343px;
    height: 376px;
    margin-top: -188px;
    background: url(../style/s-3-bg01.png) 0 0 no-repeat;
    transition: all 1s;
    margin-left: -168px;
    transition-delay: 0.7s;
}
.home-page .swiper-container .swiper-slide .slide-three .s-3-bg02{
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 343px;
    height: 376px;
    margin-top: -188px;
    background: url(../style/s-3-bg02.png) right 0 no-repeat;
    transition: all 1s;
    margin-left: -171px;
    transition-delay: 0.7s;
}
.home-page .swiper-container .swiper-slide .slide-three .s-3-bg03{
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 50%;
    width: 343px;
    height: 376px;
    margin-left: -170px;
    background: url(../style/s-3-bg04.png) top center no-repeat;
    transition: all 1s;
    margin-bottom: -188px;
    transition-delay: 0.7s;
}
.home-page .swiper-container .swiper-slide .slide-three .s-3-bg04{
    position: absolute;
    left: 50%;
    top: 0%;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin-left: -50%;
    margin-top: 0px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    transition: all 1s;
    background: url(../style/s-3-bg03.png) center no-repeat;
    transition-delay: 0.7s;
}
.home-page .swiper-container .swiper-slide .slide-three .s-3-bz{
    width: 510px;
    height: 510px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -255px 0 0 -255px;
}
.home-page .swiper-container .swiper-slide .slide-three .s-3-bz .s-3-bz-r{
    width: 100%;
    height: 100%;
    position: relative;
}
.home-page .swiper-container .swiper-slide .slide-three .s-3-bz .s-3-bz-r .s-3-bz01{
    width: 43px;
    height: 24px;
    background: url('../style/cehua.png') no-repeat center center;
    position: absolute;
    top: 35px;
    left: 235px;
}
.home-page .swiper-container .swiper-slide .slide-three .s-3-bz .s-3-bz-r .s-3-bz02{
    width: 46px;
    height: 21px;
    background: url('../style/sheji.png') no-repeat center center;
    position: absolute;
    top: 148px;
    right: 35px;
}
.home-page .swiper-container .swiper-slide .slide-three .s-3-text{
    font-size: 22px;
    width: 475px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -237px;
    margin-top: 135px;
    z-index: 55;
}
.home-page .down-arrow{
    position: absolute;
    z-index: 6;
    bottom: 5%;
    left: 50%;
    margin: 0 0 0 -15px;
    width: 30px;
    height: 30px;
    animation: scrollmove ease-out 2s infinite;
    -webkit-animation: scrollmove ease-out 2s infinite;
    -moz-animation: scrollmove ease-out 2s infinite;
    -o-animation: scrollmove ease-out 2s infinite;
}
@keyframes scrollmove{
    from {bottom:6%;opacity:0;}
    50%{bottom:5%;opacity:1;}
    to {bottom:2%;opacity:0;}
}
@-moz-keyframes scrollmove{/* Firefox */
    from {bottom:6%;opacity:0;}
    50%{bottom:5%;opacity:1;}
    to {bottom:2%;opacity:0;}
}
@-webkit-keyframes scrollmove{/*Safari and Chrome*/
    from {bottom:6%;opacity:0;}
    50%{bottom:5%;opacity:1;}
    to {bottom:2%;opacity:0;}
}
@-o-keyframes scrollmove{/* Opera */
    from {bottom:6%;opacity:0;}
    50%{bottom:5%;opacity:1;}
    to {bottom:2%;opacity:0;}
}
.category-title{
    text-align: center;
}
.category-title h3{
    font-size: 28px;
    line-height: 35px;
    color: #333;
}
.category-title p{
    color: #6f6f6f;
    margin: 0 0 5px;
}
.service{
    padding-bottom: 50px;
}
.service .service-box{
    height: 350px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #f8f8f8;
    position: relative;
    transition: 400ms;
    cursor: pointer;
}
.service .service-box .service-title{
    width: 100%;
    height: 140px;
    padding: 210px 0 0 0;
    font-size: 14px;
    color: #9b9797;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 0;
    transition: 400ms;
}
.service .service-box .service-title .service-title-zh{
    margin: 0 0 5px 0;
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
}
.service .service-box .service-title .service-title-en{
    font-weight: normal;
    font-size: 12px;
}
.service .service-box .service-desc{
    width: 100%;
    padding: 25px 0 25px 0;
    height: auto;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    background: #7bc91e;
    position: absolute;
    left: 0;
    bottom: -98px;
    transition: 400ms;
}
.service .service-web .service-title{
    background: url(../style/web.png) no-repeat center 116px;
}
.service .service-wechat .service-title{
    background: url(../style/wechat.png) no-repeat center 116px;
}
.service .service-shop .service-title{
    background: url(../style/shop.png) no-repeat center 116px;
}
.service .service-app .service-title{
    background: url(../style/app.png) no-repeat center 116px;
}
.service .service-active{
    border-color: #dfdfdf;
    background: #fff;
}
.service .service-active .service-title{
    top: -60px;
}
.service .service-active .service-desc{
    bottom: 0;
}
.case .col-lg-3 {
    text-align: center;
    padding: 0px;
}
.case .col-lg-3 .course-list-img{
    overflow: hidden;
}
.case .col-lg-3 .course-list-img img{
    display: block;
    -webkit-transition: 1s;
    transition: 1s;
    width: 100%;
}
.case .col-lg-3 .course-list-img .case-info{
    width: 100%;
    display: none;
    position: absolute;
    bottom: 64px;
    padding: 15px;
    text-align: left;
    color: #aaa;
    left: 0px;
    font-size: 1.4rem;
    background-color: rgba(0,0,0,0.8);
}
.case a:hover .col-lg-3 .course-list-img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.case a:hover .col-lg-3 .course-list-img .case-info{
    display: block;
}
.case .col-lg-3 .case-name{
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    height: 4em;
    line-height: 3.5em;
    background: #fff;
    color: #333;
    transition: background 5s;
    -o-transition: background .5s;
    -moz-transition: background .5s;
    -webkit-transition: background .5s;
}
.case a:hover .col-lg-3 .case-name{
    background: #24b33c;
    color: #fff;
}
.case .case-more{
    background: #f4f4f4;
    padding: 10px;
    text-align: center;
}
.case .case-more a{
    width: 98px;
    height: 50px;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
}
.news .col-lg-3{margin-bottom: 30px;}
.news .news-img{
    display: block;
    position: relative;
}
.news .col-lg-3,.news .news-img{
    overflow: hidden;
}
.news .news-img img{
    width: 100%;
}
.news .col-lg-3:hover .news-img img{
    transition: 0.5s;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
}
.news .news-img .news-time{
    width: 75px;
    height: 75px;
    overflow: hidden;
    background-color: #24b727;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    text-align: center;
}
.news .news-img .news-time h3{
    font-size: 24px;
    margin-top: 10px;
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-weight: bold;
}
.news .news-img .news-time p{
    font-size: 12px;
    margin-top: -8px;
}
.news .news-title{
    font-size: 16px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    color: #000;
}
.news .news-title:hover{
    color: #24b727;
    text-decoration: none;
}
.news .news-desc{
    font-size: 12px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    color: #aaa;
}
.news .news-details{
    width: 36px;
    height: 36px;
    display: block;
    margin-top: 15px;
    background: url('../style/details.png') no-repeat center center;
}
.news .news-details:hover{
    background: url('../style/detailshover.png') no-repeat center center;
}
.advantage{
    color: #6f6f6f;
}
.advantage .advantage-img{
    height: 240px;
    margin-bottom: 12px;
    padding: 1px;
    transition: box-shadow 218ms;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.advantage .advantage-zhuanzu{
    background-image: url("../style/xiangmu_01.jpg");
}
.advantage .advantage-liucheng{
    background-image: url("../style/xiangmu_02.jpg");
}
.advantage .advantage-jilei{
    background-image: url("../style/xiangmu_03.jpg");
}
.customer .col-lg-2{
    margin-bottom: 20px;
}
.form-submit .form-control{
    border: 1px solid #d9d9d9;
    background: #fff;
    height: 38px;
    padding: 10px 12px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-submit textarea.form-control{
    height: auto;
    resize:none;
}
.form-submit .form-control:focus{
    border:2px solid #24b727;
    padding:9px 11px;
    background:#fff;
}
.form-submit .btn-default{
    background-color: #24b727;
    color: #fff;
    border-color: #24b727;
    line-height: 24px;
    border-radius: 0px;
}
.form-submit .send-email{
    line-height: 38px;
    text-align: right;
}
.form-submit .send-email a,.form-submit .contact a{
    color: #24b727;
}
.form-submit .contact h3{
    font-size: 18px;
}
.form-submit .contact ul{
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 32px;
}
.form-submit .qrcode{
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}
.form-submit .qrcode p{
    margin-bottom: 0px;
}
.footer{
    color: #969696;
    text-align: center;
}
.footer .footer-nav a{
    padding: 0 10px;
    color: #969696;
    text-decoration: none;
    font-size: 14px;
}
.footer .footer-link a{
    padding: 0 5px;
    color: #969696;
}
.footer .footer-link a:hover{
    color: #24b727;
    text-decoration: none;
}
.footer .footer-copyright{
    margin-bottom: 15px;
    margin-top: 15px;
}
.page-banner{
    width: 100%;
    height: 490px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.page-banner h1 {
    margin: 0;
    padding: 0;
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    padding-top: 230px;
}
.sub-nav{
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
}
.sub-nav a{
    font-size: 16px;
    line-height: 62px;
    color: #333;
    display: inline-block;
    padding: 0 6px;
    margin: 0 15px;
    text-decoration: none;
}
.sub-nav a.active,.sub-nav a:hover {
    color: #24b727;
    border-bottom: 3px solid #24b727;
}
.about .about-info p{
    text-indent: 2em;
    line-height: 26px;
}
.about .feature-list .feature-box{
    margin-top: 90px;
    position: relative;
    background-color: #f8f8f8;
    padding: 100px 30px 30px 30px;
    text-align: center;
}
.about .feature-list .feature-box .feature-icon{
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
}
.about .feature-list .feature-box .feature-share{
    background-color: #23bbea;
    background-image: url('../style/share.png');
}
.about .feature-list .feature-box .feature-happy{
    background-color: #fa801d;
    background-image: url('../style/happy.png');
}
.about .feature-list .feature-box .feature-prepare{
    background-color: #acce22;
    background-image: url('../style/prepare.png');
}
.about .feature-list .feature-box .feature-title{
    border-bottom: 1px solid #cecece;
    margin-bottom: 10px;
}
.about .feature-list .feature-box .feature-title h3{
    font-size: 20px;
    color: #5c5c5c;
    margin-bottom: 10px;
}
.about .feature-list .feature-box .feature-title h5{
    font-size: 16px;
    color: #b7b7b7;
    text-transform: uppercase;
}
.about .feature-list .feature-box .feature-desc{
    color: #9b9b9b;
    line-height: 24px;
}
.page{
    padding: 20px 0;
    background-color: #f4f4f4;
    text-align: center;
}
.news-page .news-sub-nav ul{
    padding: 0;
    margin: 50px auto;
}
.news-page .news-sub-nav ul li{
    height: 50px;
    line-height: 50px;
    text-align: left;
}
.news-page .news-sub-nav ul li a{
    color: #222;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #e9e9e9;
}
.news-page .news-sub-nav ul li.active a{
    border-bottom: 1px solid #24b33c;
    color: #24b33c;
    
}
.news-page .news-page-list .news-box{
    margin: 50px auto;
    padding-bottom: 50px;
    border-bottom: 1px dotted #e9e9e9;
}
.news-page .news-page-list .news-box .news-pic{
    height: 180px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    background-image: url('../style/no-img.png')
}
.news-page .news-page-list .news-box .news-info{
    text-align: left;
    color: #666;
    line-height: 24px;
}
.news-page .news-page-list .news-box .news-info .news-title{
    font-size: 24px;
    color: #222;
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
}
.news-page .news-page-list .news-box .news-info .news-desc a{
    color: #3aba55;
}
.news-big-list .news-big-box{
    background-color: #f3f0ed;
    margin-bottom: 30px;
}
.news-big-list .news-big-box .news-big-image{
    height: 220px;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.news-big-list .news-big-box .nb-info{
    padding: 10px;
}
.news-big-list .news-big-box .nb-info .news-title{
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    color: #333;
    text-decoration: none;
}
.news-big-list .news-big-box .nb-info .news-title:hover{
    color: #24b727;
}
.news-big-list .news-big-box .nb-info .news-desc{
    font-size: 14px;
    margin-top: 10px;
    color: #666;
}
.news-content{
    font-size: 14px;
    line-height: 26px;
}
.content-info{
    border-bottom: 1px solid #e9e9e9;
    height: 66px;
    line-height: 66px;
}
.content-info .pagenav a{
    color: #333;
}
.content-info .pagenav a:hover{
    color: #24b727;
}
.content-info .ci-info{
    color: #6f6f6f;
}
/*客服*/
.main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../style/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../style/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 272px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:210px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../style/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../style/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 140px; background: url(../style/open_im.png) no-repeat left top; }
/* 响应式兼容 */
@media (min-width:798px) and (max-width:1200px){
    .page-banner{
        height: 400px;
    }
}
@media (min-width:992px) and (max-width:1200px){
}
@media (min-width:768px) and (max-width:992px){
    
}
@media (max-width:768px){/*手机屏幕*/
    .navbar{
        padding: 5px 0;
        background-color: #fff;
        -webkit-box-shadow: 10px 0 10px 0 rgba(0,0,0,0.1);
        box-shadow: 10px 0 10px 0 rgba(0,0,0,0.1);
    }
    .navbar .navbar-header .logo .logo-top{
        display: none;
    }
    .navbar .navbar-header .navbar-toggle .icon-bar{
        background-color: #5ce55c;
    }
    .navbar .navbar-collapse .nav li{
        width: 100%;
        text-align: center;
    }
    .navbar .navbar-collapse .nav li a{
        width: 100%;
        color: #777;
    }
    .home-page .prompt,.home-page .copyright{
        display: none;
    }
    .service .service-box{
        border-color: #dfdfdf;
        background: #fff;
        margin-top: 15px;
    }
    .service .service-box .service-title{
        top: -60px;
    }
    .service .service-box .service-desc{
        bottom: 0;
    }
    .case a:hover .col-lg-3 .course-list-img .case-info{
        display: none;
    }
    .case a:hover .col-lg-3 .course-list-img img{
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
    }
    .news .news-details{
        display: none;
    }
    .case a:hover .col-lg-3 .case-name{
        background: #fff;
        color: #333;
    }
    .news .col-lg-3:hover .news-img img {
        transition: 0.5s;
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -o-transform: scale(1.0);
    }
    .form-submit .send-email{
        text-align: center;
    }
    .page-banner{
        height: 300px;
    }
    .page-banner h1{
        font-size: 22px;
        line-height: 32px;
        padding-top: 130px;
    }
    .news-page .news-page-list{
        padding: 0px;
    }
    .news-page .news-page-list .news-box .news-pic{
        height: 320px;
        margin-bottom: 20px;
    }
    .content-info{
        display: none;
    }
    .main-im{
        top: 150px;
    }
}

#contact *,.form-submit * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-submit img {max-width: 100%;}