body{font:normal 12px 'Microsoft YaHei','light'; sans-serif;text-alt:justify;text-justify:inter-ideograph;overflow-x:hidden;color:#313131;}
 body,p,ul,li,ol,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,iframe{margin:0;padding:0;color:#313131;}
 ul,li,ol{list-style:none outside none;}
 a img{border:none;}
 .fl{float:left;}
 .fr{float:right;}
.f_l{ float:left;}
.f_r{ float:right;}
a:link,a:visited{text-decoration:none;cursor: pointer;}

a:hover{text-decoration:none;cursor: pointer;}

a:focus{color:#0c1d0d;cursor: pointer;}


.clear{ clear:both;}

.clear{zoom:1;clear:both;display:inline-block;}

.clear{display:block;}

.clear:after{content:".";height:0;display:block;clear:both;visibility:hidden;font-size:0;}
 #BDBridgeIconWrap{display:none !important;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time,button { margin: 0; padding: 0; }
body { font-size:12px;   background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,figcaption { font-style: normal; font-weight:normal; font-size:12px; }
html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
fieldset,iframe,input { border: none; }
ul,ol,li{ list-style:none;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
a:link, a:visited, a:active { text-decoration: none; color:#000; }
a:hover { text-decoration: none; color:#333 }  
 #BizQQWPA1{background:url( /img/gif.png); position:fixed; right:2px; width:110px; height:154px; top:130px; cursor:pointer;z-index: 998;}
.banner640{background:url(../imgs/banner1.jpg) no-repeat center top;height:640px;}
.bjty{background: url(../imgs/810bdj.jpg) no-repeat  top;height: 3000px;}

.part-9{    background: url(../imgs/bb2021.jpg) no-repeat center top #0e2551; height: 4200px;}
.btn_zixun{margin: 60px auto;position: relative;}
.btn_zixun>a{width: 375px;height: 60px;font-weight: bold;/* border-radius: 13px; */margin: 50px auto;text-align: center;line-height: 60px;display: block;font-size: 20px;letter-spacing: 7px;color: #fff;border: 2px solid #18cafe;position: relative;box-sizing: border-box;overflow: hidden;text-decoration: none;white-space: nowrap;z-index: 0;}
.btn_zixun>a:before {position: absolute;content: '';background: linear-gradient(180deg, #17c7ff 0%, #21d8f7 100%);transition-duration: .9s;z-index: -1;top: 0;right: auto;bottom: auto;right: 0;width: 100%;height: 100%;opacity: 1;}
.btn_zixun>a:hover:before {width: 0;height: 100%;opacity: 1;}
.btn_zixun>a:hover {color: #333;animation: 2s tag1 linear infinite; }


.btn_zixun1{margin: 60px auto;position: relative;}
.btn_zixun1>a{width: 334px;height: 60px;font-weight: bold;/* border-radius: 13px; */margin: 50px auto;text-align: center;line-height: 60px;display: block;font-size: 22px;letter-spacing: 7px;color: #fff;border: 2px solid #18cafe;position: relative;box-sizing: border-box;overflow: hidden;text-decoration: none;white-space: nowrap;z-index: 0;}
.btn_zixun1>a:before {position: absolute;content: '';background: linear-gradient(180deg, #17c7ff 0%, #21d8f7 100%);transition-duration: .9s;z-index: -1;top: 0;right: auto;bottom: auto;right: 0;width: 100%;height: 100%;opacity: 1;}
.btn_zixun1>a:hover:before {width: 0;height: 100%;opacity: 1;}
.btn_zixun1>a:hover {background: #fff;color: #333;animation: 2s tag1 linear infinite; }


.btn_zixun2{margin: 30px auto 0px;position: relative;}
.btn_zixun2>a{width: 525px;height: 60px;font-weight: bold;/* border-radius: 13px; */margin: 50px auto;text-align: center;line-height: 60px;display: block;font-size: 20px;letter-spacing: 4px;color: #fff;border: 2px solid #18cafe;position: relative;box-sizing: border-box;overflow: hidden;text-decoration: none;white-space: nowrap;z-index: 0;}
.btn_zixun2>a:before {position: absolute;content: '';background:linear-gradient(180deg, #17c7ff 0%, #21d8f7 100%);transition-duration: .9s;z-index: -1;top: 0;right: auto;bottom: auto;right: 0;width: 100%;height: 100%;opacity: 1;}
.btn_zixun2>a:hover:before {width: 0;height: 100%;opacity: 1;}
.btn_zixun2>a:hover {background: #fff;color: #333;animation: 2s tag1 linear infinite; }
 
@keyframes tag{
    0%{transform:scale(1);}
    50%{transform:scale(0.95);}
    100%{transform:scale(1);}
}
@keyframes tag1{
    0%{transform:scale(1);}
    50%{transform:scale(1);}
    100%{transform:scale(1);}
}

  .mtop{
animation:movetop 1s;
animation-fill-mode:forwards;
animation-direction:alternate;

}
  @keyframes movetop{
  from { 
  opacity: 0;
  filter: alpha(opacity=0)\9;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0)
 }
  to{
  opacity: 1;
  filter: alpha(opacity=100)\9;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes movetop{
  from { 
  opacity: 0;
  filter: alpha(opacity=0)\9;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0)
 }
  to{
  opacity: 1;
  filter: alpha(opacity=100)\9;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
}


.jysju{background:#272c33;padding-bottom:60px;}
.jysju h2{font-size:38px;font-weight:normal;text-align:center;color:#ffffff;padding-top:50px;}
.jysju h2 i{font-style: oblique;  font-weight: bold;  margin-right: 10px; color: #e6ad25; font-size: 46px;}
.jysju ul{width:1005px;margin:0 auto;margin-top:60px;}
.jysju ul li{position:relative;float:left;}
.jysju ul li img{cursor:pointer;}
.jysju ul li div{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;}
.jysju .lygj{font-size:16px;color:#e6ad25;text-align:center;width: 432px;height: 36px;border:2px solid #e6ad25;display:block;margin:0 auto;line-height:30px;margin-top:50px;border-radius: 24px;font-weight: bold;}
.jysju .lygj:hover{background:#e6ad25;color:#ffffff;}





body{font-family: SimHei,Microsoft YaHei;min-width: 1200px;} 
.case{/* background:#f5f9fa; *//* padding-bottom:50px; *//*height: 728px;*/}
.case h2{
    font-size: 38px;
    line-height: 60px;
    padding-top: 100px;
    text-align: center;
    font-weight: bold;
    color: #e6e6e6;
    }
.case .zp{width: 1100px;margin: 40px auto;margin-bottom:42px;}
.case .zp .ul111 p img{display:none;}
.case .zp .ul111 p.active .yes{ display:none; }
.case .zp .ul111 p.active img{ display:block; }
.case .zp .ul111 p .yes{display:block;}
.case .zp .ol111 p{display:none;width: 943px;height: 610px;}
.case .zp .ol111 p img{width: 943px;height: 605px;}
.case .zp .ul111{float: right;t;t;t;h: 146px;height: 610px;}
.case .zp .ol111{float: left;th: 840px;width: 943px;height: 608px;}
.case .zp .ul111 p{margin-bottom:5px;float:none;}
.case .zp .ul111 p:nth-child(5n){margin-bottom:3px;}
.case a{/* font-size:16px; *//* color:#e6ad25; *//* text-align:center; *//* width:230px; *//* height: 35px; *//* line-height:30px; *//* margin:0 auto; *//* border:1px solid #e6ad25; *//* display:block; */}
.case a:hover{/* color:#ffffff; *//* background:#e6ad25; */}

.banner111{text-align:center;padding:0px 0 30px; }
.banner111 .b_p2 {font-size: 18px;line-height: 32px;text-align: left;width: 1050px;margin:20px auto;color: #b1aaaa;} 
.banner111 .b_p1 {font-size:38px;line-height: 60px;padding-top: 50px;text-align: center;font-weight: bold;color: #e6e6e6;}

.main1 {  width: 1200px;  margin: 0 auto;  color: #333; } 
.main1 li{width:270px;float:left;margin: 15px;}
.main1 li h6{font-size:16px;line-height:28px;text-align: center;}
.main1 img{width:270px;height: 200px;}
.main1 video{width:270px;height:191px;}


 
.main2{background:#f5f5f5;padding: 30px 0;background: url(../imgs/x.jpg) repeat center top; } 
.w-container3 {   max-width: 1160px;  height: 968px;  margin: auto; }
.xz_part11{
}
.xz_part11 .device {  width: 1160px;  height: 420px; margin: 0 auto;  position: relative; }

.xz_part11 .swiper-container {  width: 1160px;  height: 930px; }
.xz_part11 .swiper-container .swiper-slide { width: 1160px; color: #fff; }
.xz_part11 .swiper-container .pagination { position: absolute; left: 0; text-align: center; bottom: -6px; width: 100%;  z-index: 10;
}
.xz_part11 .swiper-container .swiper-pagination-switch {  width: 14px;   height: 14px;  border-radius: 100%;  display:inline-block;  background: #f9f5f5; margin: 0 3px; cursor: pointer;
}
.xz_part11 .swiper-container .swiper-active-switch {
    background: #18cafe;  width: 40px; height: 14px;  border-radius: 14px;
}
.xz_ul li{   display: inline-block;  float: left; padding: 10px; width: 445px;  height: 298px; } 
.xz_ul li > div{  position: relative; }
.xz_ul li > div img{ width: 426px;  height: 276px;  display: block; }
.xz_ul_xq {width: 270px!important;height: 276px; }
.xz_ul_xq> div{width: 248px!important;height: 276px;background: linear-gradient(36deg, #264dec 0%, #4c93ff 100%);}
.xz_info{ height: 270px;   width: 238px;  }
.xz_info h2 { margin-top: 0px; font-size: 28px; line-height: 40px; color: #fffbfb;  text-align:left;  padding-left: 29px; padding-top: 33px; font-weight: normal;
}
.xz_info h3 { font-size: 21px; margin-top: 4px; line-height: 38px; color: #fff7f7;  text-align: left;  padding-left: 27px; font-weight: normal;
}
.xz_info h4 {   font-size: 16px; line-height: 27px; color: #e4e4e4; text-align:left;  padding-left: 26px;  font-weight: normal;
}




 .upgrad .warp{width: 1200px;margin:0 auto;}
.upgrad h2{font-size:38px;font-weight: bold;text-align:center;padding-top:60px;margin-bottom: 3px;color: #353131;} 
.upgrad h4{font-size: 18px;font-weight:normal;width: 1050px;margin: 0 auto;line-height: 38px;margin-bottom: 60px;text-align: left;color: #000;} 
/*.upgrad .upg1{background: url(../imgs/banner00.jpg) no-repeat 0 0; background-position: center;  height: 770px; background-size: cover; }
.upgrad .warp{height:100%;position:relative;}
.upgrad .warp .up1{width: 600px;height: 770px;position:absolute;top: 0px;left:0px;background: rgba(19, 16, 16, 0.48);}
.upgrad .warp .up1 h3{font-size: 46px;font-weight:normal;color:#ffffff;margin-top:110px;margin-left: 100px;margin-bottom:24px;}
.upgrad .warp .up1 p{font-size: 18px;width: 427px;color:#ffffff;line-height: 36px;margin-left: 88px;} 
*/
/*1*/

.upgrad .upg2 .warp .up2 p img,.upgrad .upg3 .warp .up3 p img,.upgrad .upg7 .warp .up7 p img,.upgrad .upg4 .warp .up4 p img,.upgrad .upg5 .warp .up5 p img,.upgrad .upg6 .warp .up6 p img{width: 86%;  margin-left: 7%;  margin-top: 2%;}

.upgrad .upg2{background: url(../imgs/C4D6.jpg) no-repeat 0 0; background-position: center; height: 720px; background-size: cover; } 
.upgrad .warp .up2{width: 600px;height: 720px;position:absolute;/* top:166px; */right:0px;background: rgba(16, 15, 19, 0.6);}
.upgrad .warp .up2 h3{font-size: 46px;font-weight:normal;color:#ffffff;margin-top: 140px;margin-left: 100px;margin-bottom:24px;}
.upgrad .warp .up2 p{font-size: 18px;width: 449px;color:#ffffff;line-height: 38px;margin-left: 74px;} 
 
.upgrad .upg3{background: url(../imgs/C4D1.jpg) no-repeat 0 0; background-position: center;  height: 720px; background-size: cover; }
.upgrad .warp{height:100%;position:relative;}
.upgrad .warp .up3{width: 600px;height: 720px;position:absolute;top: 0px;left:0px;background: rgba(19, 16, 16, 0.48);}
.upgrad .warp .up3 h3{font-size: 46px;font-weight:normal;color:#ffffff;margin-top: 100px;margin-left: 100px;margin-bottom:24px;}
.upgrad .warp .up3 p{font-size: 18px;width: 452px;color:#ffffff;line-height: 38px;margin-left: 74px;} 

 .upgrad .upg7{background: url(../imgs/C4D3.jpg) no-repeat 0 0;background-position: center;height: 720px;background-size: cover;}
.upgrad .warp{height:100%;position:relative;}
.upgrad .warp .up7{width: 600px;height: 720px;position:absolute;top: 0px;left:0px;background: rgba(19, 16, 16, 0.48);}
.upgrad .warp .up7 h3{font-size: 46px;font-weight:normal;color:#ffffff;margin-top: 100px;margin-left: 100px;margin-bottom:24px;}
.upgrad .warp .up7 p{font-size: 18px;width: 452px;color:#ffffff;line-height: 38px;margin-left: 87px;}


.upgrad .upg4{background: url(../imgs/C4D4.jpg) no-repeat 0 0; background-position: center; height: 720px; background-size: cover; } 
.upgrad .warp .up4{width: 600px;height: 720px;position:absolute;top: 0px;right:0px;background: rgba(19, 16, 16, 0.48);}
.upgrad .warp .up4 h3{font-size: 46px;font-weight:normal;color:#ffffff;margin-top: 100px;margin-left: 100px;margin-bottom:24px;}
.upgrad .warp .up4 p{font-size: 18px;width: 449px;color:#ffffff;line-height: 38px;margin-left: 76px;} 


.upgrad .upg5{background: url(../imgs/C4D5.jpg) no-repeat 0 0; background-position: center;  height: 720px; background-size: cover; }
.upgrad .warp{height:100%;position:relative;}
.upgrad .warp .up5{width: 600px;height: 720px;position:absolute;top: 0px;left:0px;background: rgba(19, 16, 16, 0.48);}
.upgrad .warp .up5 h3{font-size: 46px;font-weight:normal;color:#ffffff;margin-top: 100px;margin-left: 100px;margin-bottom:24px;}
.upgrad .warp .up5 p{font-size: 18px;width: 449px;color:#ffffff;line-height: 38px;margin-left: 74px;} 
 
.upgrad .upg6{background: url(../imgs/C4D2.jpg) no-repeat 0 0; background-position: center;  height: 720px; background-size: cover; }
.upgrad .warp{height:100%;position:relative;}
.upgrad .warp .up6{width: 600px;height: 720px;position:absolute;top: 0px;right:0px;background: rgba(19, 16, 16, 0.48);}
.upgrad .warp .up6 h3{font-size: 46px;font-weight:normal;color:#ffffff;margin-top: 100px;margin-left: 100px;margin-bottom:24px;}
.upgrad .warp .up6 p{font-size: 18px;width: 449px;color:#ffffff;line-height: 38px;margin-left: 74px;} 



.boxk {
    /* background: #ffffff; */
    border-radius: 4px;
    margin: 0 auto;
    width: 1100px;
}
.card-img-hover img:hover { 
     transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
     border:4px solid #ccc;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
} 
.boxk .card-img, .boxk .card-img a img {
    width: 1100px;
    height: 518px;
    position: relative;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
} 
 
.card-img .video-open{
     width: 48px;
    height: 48px;
    background: url( /jiuyemingxing/img/play.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 2; 

}

.card-img img:hover { 
     transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
     border:4px solid #ccc;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.boxk .card-img a img {
    vertical-align: middle;
    border: none;
    width: 100%;
    border-radius: 4px 4px 0 0;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    display: block;
}
 .boxk .card-info {
    border-bottom: 1px solid #eee;
    padding: 11px 16px 13px;
    height: 50px;
    position: relative;
}
 .boxk .card-info .card-info-title {
    margin-bottom: 1px;
    position: relative;
    height: 30px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.boxk .card-info .card-info-title .title-content {
    display: inline-block;
    float: left;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    color: #333;
}
 .boxk .card-info .card-info-title a:hover {
    color: #d36f16
}
 .boxk .card-info .card-info-item {
    font-size: 14px;
    color: #848383;
    position: absolute;
    top: 65px;
}
.boxk .card-info .card-info-item span { 
    cursor: default;
}
  .boxk .card-info .card-info-item .statistics-tuijian{margin-left: 34px;}  
.boxk .card-info .card-info-type {
    font-size: 14px;
    color: #848383;
    margin-bottom: 12px;
    height: 18px;
}
.boxk .card-info .card-info-item span.statistics-view:before {
        content: "";
        display: inline-block; 
        vertical-align: top; 
        background-size: 16px auto;
}

 
  .boxk .card-item {
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    font-size: 12px;
    position: relative;
}

.boxk .card-item .user-avatar {
    width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
        display: inline-block;
}
  .boxk .card-item a {
    color: #333;
}

  .boxk .card-item .user-avatar>a>img {
    border-radius: 50%;
    margin-right: 10px;
        width: 24px;
    height: 24px;
    border: none;
    vertical-align: middle;
} 
.boxk .card-item .time {
    float: right;    color: #bbb;
}

 
.part10 h2{
    width: 642px;
    font-weight:bold;
    margin: 0 auto;
    padding-left: 54px; 
    color: #fdfdfd;
    font-size: 38px;
    padding-bottom: 10px;
}

.part10 .btn{
        width: 1200px;
        margin: 0 auto;
        margin-top: 40px;
        /* width: 240px; */
}

.part10 .btn li{
    /* margin-right: 20px; */
    cursor: pointer;
    margin-top: 0px;
    width: 200px;
    height: 208px;
}
.part10 .btn li.last{
    margin-right: -20px;
}
.part10 .comBox{
    width: 1000px;
    height: 416px;
    position: relative;
        margin: 50px auto 0px;
   /* left: 50%;
    margin-left: -513px;
    top: 310px;*/
}
.part10 .comBox .computer{
    width: 504px;
    height: 464px;
    background: url(../images/dn.png) no-repeat left top;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.part10 .comBox .computer .slid1{
    width: 515px;
    height: 325px;
    margin:15px 0 0 14px;
    overflow: hidden;
    position: relative;
}
.part10 .comBox .computer .slid1 li,#txtB li{
    position: absolute;
    left: 0;
    top:100px;
    top: 0 \9;
    opacity: 0;
    filter:alpha(opacity=0);
}
#txtB li p{
    opacity: 0 \9;
    filter:alpha(opacity=0) \9;
    top: 0;
}
.part10 .comBox .computer .slid1 li.goTop2{
    top: 0;
    opacity: 1;
    filter:alpha(opacity=100);
 
}
#txtB li.goTop3{
    top: 0;
    opacity: 1;
    filter:alpha(opacity=100);
    transition: 0.8s;
}
#txtB li.goTop3 p{
    opacity: 1;
    filter:alpha(opacity=100);
}
.part10 .comBox b{
   /* background: url(../img/border2.png) no-repeat;*/
    width: 700px;
    height: 500px;
    position: absolute;
    left: 332px;
    top: -42px;
   /* z-index: 1;*/
}
#softw .goTop{
    margin-top: -5px;
    transition: 0.3s;
   
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
    transition: all 0.8s;
    -o-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
#txtB{
    width: 400px;
    height: 245px;
    position: absolute;
    left: 557px;
    top: 67px;
    z-index: 999;
    overflow: hidden;
}
#txtB p{
    font-size: 18px;
    color: #fff;
    margin-left: 62px;
    line-height: 30px;
    position: relative;
    text-align: justify;
}
#txtB p i{
    position: absolute;
    left: -62px;
    top: 14px;
    width: 50px;
    height: 2px;
    background: #fff;
}
.part10 .button{
       position: absolute;
    bottom: 30px;
    right: 30px;
}

 
.part10 .button p{
       font-size: 20px;
       letter-spacing: 4px;
       text-align: center;
       width: 348px;
       height: 60px;
       font-weight: bold;
       border: 2px solid #18cafe;
       color: #fdfdfd;
       background:linear-gradient(180deg, #17c7ff 0%, #21d8f7 100%);
       display: block;
       margin: 0 auto;
       line-height: 60px;
       margin-top: 46px;
       }
 

  .part10 .button p:before {position: absolute;content: '';background: linear-gradient(180deg, #17c7ff 0%, #21d8f7 100%);transition-duration: .9s;z-index: -1;top: 0;right: auto;bottom: auto;right: 0;width: 100%;height: 100%;opacity: 1;}
.part10 .button p:hover:before {width:0;height: 100%;opacity: 1;}
.part10 .button p:hover {background: none; border: 2px solid #18cafe;color: #000;animation: 2s tag1 linear infinite;background:#fff;}


 
.absl{position: absolute;left: 0;top: 0;}
.abst{position: absolute;left: 0;bottom: 0;}
.absr{position: absolute;right: 0px;top: 0;}

.main4{
        height: 783px;
        /* background: url(../imgs/zzz.jpg) no-repeat; */
        background-size: 100% 100%;
        }
.main4 li{overflow: hidden;position: relative;width: 256px;height: 370px;}
.main4 li h3{top: 83%;transition: 0.6s;}
.main4 li h3,.main4 li b{width: 100%;height: 100%;font-weight: normal;}
.main4 li b{/* background: #9356ff; *//* opacity: 0.9; */filter:alpha(opacity=90);}
.main4 li h3 p{width: 100%;height: 100%;border: 1px solid #fff;font-size: 24px;/* margin: 12px auto; */color: #fff;padding: 10px;background: rgba(39, 39, 39, 0.76);}
.main4 h3 p i{padding: 0px 0 24px;text-align: center;}
.main4 span,.main4 i,.main4 em{display: block;}
.main4 h3 p .line{width: 25px;margin: 0 auto;height: 3px;background: #fff;}
.main4 em{font-size: 18px;margin-top: 30px;text-align: center;}
.main4 li:hover h3{top: 0;transition: 0.6s;}
.main4 li:hover h3 p i{    padding: 83px 0 24px;}
#li_sec{margin: 0px 24px 0 24px;}
#li_fou{margin: 0px 0 0 20px;}
#li_fou p.absl{top: 278px;}
.main4 .btn{margin-top: 50px;}
.main{width: 1110px;margin: 0 auto;}



/*part6*/
.part6{padding-bottom: 65px;}
.part6-cont{    width: 1150px;
    position: relative;
    margin: auto;}
.p6Cont{
    height: 560px;
    width: 100%;
    position: relative;
}
.p6Cont .swiper-container{
    height: 510px;
}
.p6Cont .swiper-container .swiper-wrapper{}
.p6Cont .swiper-container .swiper-wrapper .swiper-slide{
    position: relative;
}
.p6Cont .left{
    width: 366px;
    float: left;
    height: 490px;
    border: 7px solid #de2986;
    border-right: 0;
    padding: 30px 35px;
    position: absolute;
    top: 19px;
    left: 0;
}
.p6Cont .left .img{}
.p6Cont .left .text{}
.p6Cont .left .text h3{
    font-size: 30px;
    color: #333333;
    font-weight:bold;
    padding-bottom: 5px;
}
.p6Cont .left .text p{
    font-size: 15px;
    color: #666666;
}
.p6Cont .right{
    width: 804px;
    height: 530px;
    float: right;
    padding: 20px;
}
.p6Cont .right img{
    width: 100%;
    height: 100%;
 
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}


.p6Cont .pagination {
    position: absolute;
    z-index: 20;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.p6Cont .swiper-pagination-switch {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #cbcbcb;
    margin: 0 5px;
    cursor: pointer;
}
.p6Cont .swiper-active-switch {
    width: 40px;s
    height: 14px;
    border-radius: 14px;
    background: #de2986;
}


.rel{position: relative;
}
.p3{height: 928px;/* background: url(../imgs/x.jpg) repeat center top; */background-size: 100% 100%;}
.p3 .vid{       width: 928px;
    height: 660px;
    padding-top: 81px;
    margin: 0 auto;
    background: url(../imgs/111.png) no-repeat;
    background-size: 928px 660px;}
.p3 .vid img.absl{    position: absolute;top: -74px;left: -88px;animation: cir infinite 15s linear;z-index: 0;}
.p3 .vid img.absl1{    position: absolute;top: -74px;right: -88px;animation: cir infinite 15s linear;z-index: 0;}
.p3 .vid img.absl2{    position: absolute;top: 200px;left: -90px;animation: cir infinite 15s linear;z-index: 0;}
.p3 .vid img.absl3{    position: absolute;top: -74px;left: -88px;animation: cir infinite 15s linear;z-index: 0;}
.p3 h2,.p3 .txt{z-index: 999;}
.p3 video{left:44px;top: 20px;}
.p3 .title{top: 532px;}
.p3 .title h2,.p5 h2{padding-top: 30px;}
.p3 h2.rel{padding-top: 100px;}
.p4{height: 714px;background: url(../bg5.jpg) no-repeat center;background-size: 100% 100%;overflow: hidden;}
.p4 .list{background: url(../list4.png) no-repeat;width: 1004px;height: 539px;margin:0px auto;}
.p4 .list img{left: 138px;bottom: 66px;height: 0px;transition: 1s;}
.p4 .list img.hei2{height: 399px;transition: 1s;}
.p4 .btn{margin-top: 56px;}
@keyframes cir{
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes cir2{
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


.main6{/* background: url(../imgs/soft.jpg) repeat center top!important; */height: 1000px;background-size: 100% 100%;}
.main6 .teacher{width: 1002px;height: 519px;margin: 62px auto 0;/* background: #3998fc; *//* background: url(../imgs/bg12.png) no-repeat; */background-size: 960px 489px;}
.main6 .teacher .left{top: -60px;left: 30px;width: 350px;height: 520px;}
.main6 .teacher .left p{width: 50px;height: 50px;background: #ff5555;line-height: 50px;right: -1px;}
#swiper1,#swiper1 .rel{height: 520px;}
#swiper1 .rel{width: 350px;}
.main6 .teacher .mid{width:486px;height: 338px;left: 424px;top: 50px;text-align: left;overflow: hidden;color: #fff;}
.main6 .teacher .mid div{width:486px;height: 338px;} 
.main6 .teacher .mid h3{font-size: 30px;font-weight: normal;color: #fff;}
.main6 .teacher .mid em{width: 24px;height: 2px;background: #fff;margin: 28px 0;display: block;}
.main6 .teacher .mid .tit2{font-size: 14px;margin: 20px 0;color: #e2dddd;}
.main6 .teacher .mid .tit1{line-height: 30px;color: #e2dddd;}
.main6 .teacher .mid div{top: -400px;transition: 0.2s;}
.main6 .teacher .mid .top{top: 0px;transition: 0.2s;}
.main6 .teacher .right{width: 800px;height: 100px;top: 383px;left: 454px;}
.teacher .right h4{font-size: 54px;right: 114px;font-weight: normal;}
.teacher .right ul{width: 100%;height: 100%;right: 14px;}
.teacher .right ul b{width: 100%;height: 73px;background: #0e3170;opacity: 0.7;filter:alpha(opacity=70);z-index: 2;transition: 0.6s;}
.teacher .right ul li{margin-bottom: 10px;height: 73px;width: 73px;float: left;cursor: pointer;}
.teacher .right ul li.on b{opacity: 0;filter:alpha(opacity=0);transition: 0.6s;}
.main6 .btn{margin-top: 50px;}



/*.intr{padding-bottom:74px; }*/
.intr h2{font-size:38px;font-weight:bold;text-align:center;/* padding-top:50px; */color: #fff;}
.intr p{font-size: 18px;width: 891px;margin:20px auto;line-height:28px;margin-bottom:48px;}
.intr ul{width: 1160px;margin:0 auto;}
.intr ul li{float:left;margin-right: 23px;width: 362px;height: 243px;overflow:hidden;position: relative;margin-bottom: 30px;}
 

.intr ul li img{float:left;margin-right:13px;width: 362px;}
.intr ul li:nth-child(3n){margin-right: 0;}
.intr ul li h3{font-size:14px;font-weight:normal;text-align:center;margin-top:12px;/* margin-bottom:26px; */position: absolute;bottom: 0%;height: 45px;line-height: 45px;color: #fff;background: rgba(19, 16, 16, 0.48);width: 362px;}


.study{background: url(../imgs/beijing.jpg) repeat center top!important;height:720px;}
.study h2{font-size:38px;font-weight:bold;text-align:center;color:#ffffff;padding-top: 50px;margin-bottom: 8px;}
.study p{font-size: 18px;line-height: 49px;text-align:center;color:#b1aaaa;margin-bottom:24px;} 

.bg4{background: url(../imgs/bbb.jpg) no-repeat center bottom;height: 493px;} 
/*.bg4{ height:495px;background:url(../images/bg5.png) no-repeat; width:2000px; position:relative;left:50%; margin-left:-1000px;margin-top:-50px;}*/
.jiej{text-align:center;width: 800px;margin: 106px 0 0 524px;}
.jiej .orange{font:bold 48px/80px "Microsoft YaHei";color: #20d9f7;}
.jiej .gry{font:bold 36px/80px "Microsoft YaHei";color: #e2dde4;margin-bottom: 20px;}
.hao13{font:bold 28px/80px "Microsoft YaHei";color: #f1dcdc;}
.tel a.btn b {
        display: inline-block;
        background: linear-gradient(180deg, #17c7ff 0%, #21d8f7 100%);
        border: 2px solid #18c9fe;
        /* border-radius: 3px; */
        -moz-border-radius: 3px;
        /* -webkit-border-radius: 3px; */
        padding: 5px 20px 8px;
        margin: 0 auto;
        text-align: center;
        color: #ffffff;
        font-size: 23px;
        position:relative;
}
 

.tel a.btn b:before {position: absolute;content: '';background: linear-gradient(180deg, #17c7ff 0%, #21d8f7 100%);transition-duration: .9s;z-index: -1;top: 0;right: auto;bottom: auto;right: 0;width: 100%;height: 100%;opacity: 1;}
.tel a.btn b:hover:before {width: 0;height: 100%;opacity: 1;}
.tel a.btn b:hover {background: #fff;color: #333; }


 .sdbz .sqyh {
     background:none;
        font-size: 20px;
       background: none;
    color: #272727;
    text-align: center;
    width: 229px;
    height: 45px;
     border: 2px solid #272727;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    font-weight: bold;
    border-radius: 5px;
} 
.sdbz .sqyh:hover{      background: #272727;
    color: #fdfdfd;
    border: 2px solid #272727;}



.anniu{width: 356px;height: 98px;margin: 10px auto;position: relative;}
.anniu a{color: #fff;font-size: 34px;line-height: 98px;background: url(../btn.png) no-repeat;position: absolute;text-align: center;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.anniu img{position: absolute;top: 8px;animation: roll 1s ease-in-out infinite;left: -2px;width: 362px!important;}

@keyframes toTop{
    0%{
        margin-top: -20px;
    }
    50%{
        margin-top: 0px;
    }
    100%{
        margin-top: -20px;
    }
}
@keyframes roll{
    0%{
        transform: rotate(6deg);
    }
    50%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(6deg);
    }
    @keyframes roll{
    0%{
        transform: rotate(6deg);
    }
    50%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(12deg);
    }  
}
}
 
.part10 {
    position: relative;
    text-align: center;
    padding: 50px 0 50px 0; 
    height: 566px;
}


.beijing1{
    background: url(../imgs/12.jpg) repeat top!important;
    height: 2605px;
    }
    .cont1{/* background: url(../imgs/11225.jpg) repeat center top; */}

.w1180{width: 1180px;margin: 0 auto;box-sizing: border-box;position: relative;overflow: hidden;}
.cont1 h2 {
    margin-top: 50px;
    font-size: 36px;
    color:#fff;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
}

.cont1 .desc {
    margin-top: 32px;
    font-size: 18px;
    color: #e6e6e6;
    line-height: 30px;
    text-align: center;
}

.cont1 .u3d-game {
    position: relative;
    margin-top: 38px
}

.cont1 .u3d-game:before {
    position: absolute;
    content: "";
    width: 270px;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(left,rgba(35, 36, 41, 0.5),transparent);
    background: -o-linear-gradient(right,rgba(35, 36, 41, 0.5),transparent);
    background: -moz-linear-gradient(right,rgba(35, 36, 41, 0.5),transparent);
    background: linear-gradient(to right,rgb(0, 29, 87),transparent);
    z-index: 80;
}

.cont1 .u3d-game:after {
    position: absolute;
    content: "";
    width: 270px;
    height: 100%;
    top: 0;
    right: 0;
    background: -webkit-linear-gradient(left,transparent,rgba(35, 36, 41, 0.5));
    background: -o-linear-gradient(right,transparent,rgba(35, 36, 41, 0.5));
    background: -moz-linear-gradient(right,transparent,rgba(35, 36, 41, 0.5));
    background: linear-gradient(to right,transparent,rgb(0, 21, 74));
    z-index: 80;
}

.cont1 .u3d-game li {
    position: relative;
    overflow: hidden;
    height: 430px;
    width: 300px;
 
}

.cont1 .u3d-game li img {
    height: 430px;
    width: 290px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.cont1 .u3d-game li:hover img {
    -webkit-transform: scale(1.08,1.08);
    -moz-transform: scale(1.08,1.08);
    -ms-transform: scale(1.08,1.08);
    -o-transform: scale(1.08,1.08);
    transform: scale(1.08,1.08)
}

.cont1 .u3d-game li .game-name {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 18px;
    color: #ccc;
    letter-spacing: 2px;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 40px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,#000112));
    background: -webkit-linear-gradient(top,transparent 0%,#00205b 100%);
    background: -o-linear-gradient(top,transparent 0%,#000112 100%);
    background: -ms-linear-gradient(top,transparent 0%,#000112 100%);
}
.consultBox{text-align: center;margin-top: 50px;}
 
.ajyxy{padding-bottom:56px;/* background:#f4f4f4; */}
.ajyxy h2{padding-top:66px;font-weight:normal;font-size:38px;text-align:center;margin-bottom:42px;}
.ajyxy .txt{width: 990px; height: 88px; margin: auto; font-size:16px; font-weight: normal;}
.ajyxy ul{width:990px;margin:0 auto;}
.ajyxy ul li{width:236px;float:left;margin-right:14px;}
.ajyxy ul li:nth-child(4n){margin-right: 0;}
.ajyxy ul li h3{font-size:24px;font-weight:normal;text-align:center;margin-top:14px; }
.ajyxy ul li p{font-size:16px;text-align:center;line-height:28px;}
.ajyxy .sqyh{font-size:16px;color:#0c1713;text-align:center;width:254px;height:36px;border:2px solid #0c1713;display:block;margin:50px auto 0px;line-height:30px;border-radius: 24px;font-weight: bold;}
.ajyxy .sqyh:hover{background:#0c1713;color:#ffffff;}

.ulf{width: 1200px!important;margin:0px auto;height: 300px;}
.fl{float: left;}
.ulf .si{width: 380px;height: 267px;margin-right: 20px;position: relative;}
.ulf .sii{float: right;position: relative;width: 256px;}
.ulf .si img,.ulf .sii img{width: 380px;height: 267px;} 
.si h3 p,.sii h3 p{  color: #fff;  font-size: 14px; width: 220px;   position: absolute;  left: 15px;   top: 16px;  padding-right: 10px; line-height: 29px;
}
.si h3 p span,.sii h3 p span{
    font-size: 16px;
}
.si h3{ width: 100%;  height:75px;  position: absolute; left: 0;  bottom: 0; text-align: left; transition:0.3s;
}
 .sii h3{  width: 100%;  height:75px; position: absolute; left: 0;  bottom:6px; text-align: left;  transition:0.3s;
}
 
.si h3 strong,.sii h3 strong{ width: 100%;  height: 100%; background: #000; opacity: 0.6; position: absolute; left: 0; top:0; }
.si h3 p,.sii h3 p{color: #f4f4f4;font-size: 14px;width: 361px;position: absolute;left: 15px;top: 8px;padding-right: 10px;line-height: 29px;}
.si h3 p span,.sii h3 p span{   font-size: 16px; }
@media screen and (min-width: 1480px) and (max-width: 1920px) {.jiej{text-align:center; width:774px; margin:60px 0 0 900px;}


}