@charset "utf-8";
.zt{background-color:#FFF;overflow:hidden;}
.video-body{height:352px;}
.bg-white{ background: fff;}
.t-center{ text-align: center;}
.clear{ clear: both;}
.float-l{ float: left;}
.float-r{ float: right}
.w-100{ width: 100%;}
.w-90{ width: 90%;}
.w-80{ width: 80%;}
.w-50{ width: 90%;}
.active{ color: #c30032; font-weight: bold;}
.d-none{ display: none;}
.bg-black{ background: #000;}
.color-white{ color: #fff;}
.bg-white{ background: #fff;}
.bg-f8{ background: #f8f8f7;}
.bg-1b{ background: #1b1b1b;}
.color-black{ color: #000;}
.bg-ac{background: #acacac; }
.color-ccc{ color: #ccc;}
.color-666{ color: #666;}
.color-333{ color: #333;}
.f-s-18{ font-size:18px ;}
.f-s-12{ font-size:12px ;}
.f-s-14{ font-size:14px ;}
.f-s-16{ font-size:16px ;}
.f-s-20{ font-size:20px ;}
.dj-kc{ width: 210px; height: 50px; line-height: 50px; margin: auto; border: 1px solid #000; margin-top: 20px; }
.dj-kc dt{width: 13px; height: 12px; text-align: center; float: left; margin-left: 45px;}
.dj-kc dd{width: 140px; height: 50px; float: right;text-align: left; color: #1b1b1b; font-size: 16px; margin-left: 10px;}
.dj-works{ width: 210px; height: 50px; line-height: 50px; margin: auto; border: 1px solid #000; margin-top: 70px; }
.dj-works dt{width: 13px; height: 12px; text-align: center; float: left; margin-left: 45px;}
.dj-works dd{width: 145px; height: 50px; float: right;text-align: left; color: #1b1b1b; font-size: 16px;}
.dj-news{ width: 210px; height: 50px; line-height: 50px; margin: auto; border: 1px solid #000; background: #000; margin-top: 70px; overflow: hidden;}
.dj-news span{ font-size: 20px; font-weight: bold; padding-right: 10px;  color: #fff;}
.dj-news a{ color: #fff;}
.dj-news1{ width: 210px; height: 50px; line-height: 50px; margin: auto; border: 1px solid #000;  margin-top: 70px;     overflow: hidden;}
.dj-news1 span{ font-size: 20px; font-weight: bold; padding-right: 10px;}
.dj-news1 a{ color: #000;}
.dj-video{ width: 210px; height: 50px; line-height: 50px; margin: auto; border: 1px solid #000; margin-bottom: 120px;}
.dj-video dt{width: 13px; height: 12px; text-align: center; float: left; margin-left: 45px;}
.dj-video dd{width: 145px; height: 50px; float: right;text-align: left; color: #1b1b1b; font-size: 16px; }
.dj-teacher{ width: 210px; height: 50px; line-height: 50px; margin: auto; border: 1px solid #000; margin-top: 70px; }
.dj-teacher dt{width: 13px; height: 12px; text-align: center; float: left; margin-left: 45px;}
.dj-teacher dd{width: 140px; height: 50px; float: right;text-align: left; color: #1b1b1b; font-size: 16px; margin-left: 10px;}


/**侧边栏**/
.server-title{ width: 128px; height: 59px;}
.server-title img{ width: 128px; height: 59px;}
/*悬浮链接*/
.suspension{position:fixed;z-index:25;right:0;bottom:85px;width:128px;height:550px; }
.suspension-box{position:relative;width: 90px; height: 500px; margin: auto;}
.suspension .a{display:block;width:90px;height:90px;background-color:#d00207;margin-bottom:4px;cursor:pointer;outline:none; text-decoration: none; color: #fbcb82; border: 1px solid #FBCB82; border-radius: 10px;}
.suspension .a p{color: #fbcb82;}
.suspension .a.active,
/**.suspension .a:hover{background:#F05352;}**/
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../img/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:90px;height:30px;margin-top:12px;background-image:url(../img/server-bj.png);background-repeat:no-repeat;background-position:30px 0; }
.a-service-wz{ width: 90px; height: 30px; padding-top: 50px; text-align: center;  }
.suspension .a-service-phone .i{width:90px;height:30px;margin-top:12px;background-image:url(../img/server-kf.png);background-repeat:no-repeat;background-position:30px 0; }
.suspension .a-qrcode .i{width:90px;height:30px;margin-top:12px;background-image:url(../img/server-wx.png);background-repeat:no-repeat;background-position:30px 0;  }
.suspension .a-cart .i{width:90px;height:30px;margin-top:12px;background-image:url(../img/server-tel.png);background-repeat:no-repeat;background-position:30px 0; }
.suspension .a-top .i{ width: 90px; height: 40px; background: none; text-align: center; line-height: 40PX;}
.suspension .a-top{background:#FFF;display:none; width: 90px; height: 40px;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:100px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:90px; right: 100px;}
.suspension .d .inner-box{}
.qrcode-img{ width: 100px; height: 100px; }
.qrcode-img img{ width: 100px; height: 100px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../img/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../img/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/*原创作品*/
.st-works{ height:740; }
.works{ width: 98%; height:460px; margin: auto;overflow: hidden; }
.works-head{ height: auto; line-height: 50px; width: 1440px; margin: auto;}
.works-head dt{width: 292px; height: 25px;}
.works-head dt img{ width: 292px; height: 25px;}
.works-head dd{width: 690px; height: 42px;}
.works-head dd li{ width: 130px; height: 42px; line-height: 42px; border-radius: 5px;font-size: 14px; }
.works-body{ width: 100%; height: auto; border: 1px solid #fff; margin-top: 50px;}
.col-sm-4{float:left;position:relative;width:33.33333333%;}
.selected-solution{height:455px;}
.selected-solution>div{position:relative;width:100%;margin:0 auto;}
.selected-solution .swiper-container{height:500px;width:100%;margin-top: 20px;}
.selected-solution .layer-title{color:#393b40;padding:50px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
.selected-solution .solution-cardlist{max-width:100%;margin:20px auto 0}
.swiper-slide,.swiper-wrapper{!important}
.selected-solution .solution-cardlist .col-sm-4{padding:0;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:356px;background:#fff;text-align:left;overflow:hidden;transition:all .15s linear;}
.selected-solution .solution-cardlist .col-sm-4 img:hover{width:268px;height:356px;transform:scale(1.05,1.05);}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:268px;height:356px;transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}

/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:-60px;background-image:url(../img/zp-pre.png);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:-60px;background-image:url(../img/zp-nex.png);background-size:cover;transition:background-image .15s}


.ry-img{ width: 268px!important;height: 292px!important; }
.ry-img img{ width: 268px!important;height: 292px!important;}
.ry-js{ width: 268px; height: 60px; background: #1b1b1b; text-align: center; color: #fff ; line-height: 60px; }

.dj-ry{ width: 210px; height: 50px; line-height: 50px; margin: auto; border: 1px solid #000; margin-top: 50px; margin-bottom: 120px; }
.dj-ry dt{width: 13px; height: 12px; text-align: center; float: left; margin-left: 45px;}
.dj-ry dd{width: 145px; height: 50px; float: right;text-align: left; color: #1b1b1b; font-size: 16px;}


/*师资团队*/
.st-teacher{ height: 930px;  padding-top: 70px;}
.teacher{ width: 1440px;max-width: 100%; height: auto; margin: auto;}
.teacher-head{ height: auto; line-height: 50px; width: 1440px;max-width: 100%; margin: auto;}
.teacher-head dt{ width: 291px; height: 24px; }
.teacher-head dt img{ width: 291px; height: 24px;}
.teacher-head dd{width: 270px;  height: 42px; }
.teacher-head dd li{ width: 130px; height: 42px; line-height: 42px; border-radius: 5px;font-size: 14px; }
.teacher-body{ margin-top: 50px; }
.teacher-body li{ width: 342px; height: 600px;}
.teacher-body li dt{ width: 342px; height: 454px;}
.teacher-body li dt img{ width: 100%; height: 100%;}
.teacher-body li dd{ width: 342px; height: 116px; background: #fff; padding-top: 20px;transition-duration:1s;}
.teacher-body li dd p{ text-indent: 2em; padding-top: 10px; }
.teacher-li-1{ float: left;}
.teacher-li-2{ float: left;margin-left: 25px;}
.teacher-li-3{ float: left;margin-left: 25px;}
.teacher-li-4{ float: right;}


.ry-body{height: auto; margin-top: 20px;}
.ry-body li{ width: 342px ; height: 580px;margin-top: 26.6px;}
.ry-body li dt{ width: 342px ;  height: 372px; overflow: hidden;}
.ry-body li dt img{  width: 342px ;  height: 372px;transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
.ry-body li dt img:hover{  width: 342px ;  height: 372px;transform:scale(1.05,1.05);}
.ry-body li dd{ width: 340px; height: 105px; padding-top: 20px; background: #1b1b1b;}
.ry-body li dd p{ width: 250px; height: auto; text-align: center; margin: auto; line-height: 25px; padding-top: 20px; color: #fff;}

.ry-li-1{ float: left;}
.ry-li-2{ float: left;margin-left: 25px;}
.ry-li-3{ float: left;margin-left: 25px;}
.ry-li-4{ float: right;}
.ry-li-5{ float: left;}
.ry-li-6{ float: left;margin-left: 25px;}
.ry-li-7{ float: left;margin-left: 25px;}
.ry-li-8{ float: right;}
.ry-li-9{ float: left;}
.ry-li-10{ float: left;margin-left: 25px;}
.ry-li-11{ float: left;margin-left: 25px;}
.ry-li-12{ float: right;}
.ry-li-13{ float: left;}
.ry-li-14{ float: left;margin-left: 25px;}
.ry-li-15{ float: left;margin-left: 25px;}
.ry-li-16{ float: right;}



p{color:#686868;}
ul{list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.zt img {border:0;}

.gy{width:1200px;margin:0 auto;overflow:hidden;}