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:16px;   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))}
#BizQQWPA1{background:url( /img/gif.png); position:fixed; right:2px; width:110px; height:154px; top:130px; cursor:pointer;z-index: 998;}


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 }  

.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 {background: #fff;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);
  }
}


body{font-family: SimHei,Microsoft YaHei;min-width: 1200px;} 
.banner640{background: url(../imgs/bannerystx.jpg) no-repeat center top;height:640px;}
.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; } 
.banner111 .b_p1 { font-size:38px; line-height: 60px; padding-top: 50px; text-align: center; font-weight: bold;}

.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/bg1210.jpg) repeat center top!important;} 
.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 .upg0{background: url(../imgs/banner01.jpg) no-repeat 0 0; background-position: center; height: 770px;  background-size: cover; } 
.upgrad .warp .up0{width: 600px;height: 770px;position:absolute;top: 0px;right:0px;background: rgba(19, 16, 16, 0.48);}
.upgrad .warp .up0 h3{font-size: 46px;font-family: SimHei,Microsoft YaHei;font-weight:normal;color:#ffffff;margin-top: 120px;margin-left: 100px;margin-bottom:16px;}
.upgrad .warp .up0 p{font-size: 18px;width: 449px;color:#ffffff;line-height: 34px;margin-left: 74px;} 
.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;} 
.upgrad .upg2{background: url(../imgs/banner02.jpg) no-repeat 0 0; background-position: center; height: 770px; background-size: cover; } 
.upgrad .warp .up2{width: 600px;height: 770px;position:absolute;/* top:166px; */left: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/banner03.jpg) no-repeat 0 0; background-position: center;  height: 770px; background-size: cover; }
.upgrad .warp{height:100%;position:relative;}
.upgrad .warp .up3{width: 600px;height: 770px;position:absolute;top: 0px;right: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 .upg4{background: url(../imgs/bannernuke.jpg) no-repeat 0 0; background-position: center; height: 770px; background-size: cover; } 
.upgrad .warp .up4{width: 600px;height: 770px;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: 200px;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/bannerhecheng.jpg) no-repeat 0 0; background-position: center;  height: 770px; background-size: cover; }
.upgrad .warp{height:100%;position:relative;}
.upgrad .warp .up5{width: 600px;height: 770px;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/bannerDEMO.jpg) no-repeat 0 0; background-position: center; height:770px; background-size: cover; } 
.upgrad .warp .up6{width: 600px;height: 770px;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: 200px;margin-left: 100px;margin-bottom:24px;}
.upgrad .warp .up6 p{font-size: 18px;width: 404px;color:#ffffff;line-height: 40px;margin-left: 100px;} 
 .upgrad .upg7{background: url(../imgs/banner04.jpg) no-repeat 0 0;background-position: center;height: 770px;background-size: cover;}
.upgrad .warp{height:100%;position:relative;}
.upgrad .warp .up7{width: 600px;height: 770px;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;}


.part10{  position: relative; 
    text-align: center;
    padding: 50px 0 50px 0; 
    /*background:url(../images/rj.png) repeat center top;*/height:765px;
}
.part10 h2{
    width: 642px;
    font-weight:bold;
    margin: 0 auto;
    padding-left: 54px; 
    color: #fdfdfd;
    font-size: 38px;
    padding-bottom: 10px;
}

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

.part10 .btn li{
    /* margin-right: 20px; */
    cursor: pointer;
    margin-top: 0px;
    width: 220px;
    height: 208px;
}
.part10 .btn li.last{
    margin-right: -20px;
}
/*.part10 .comBox{
    width: 1000px;
    height: 416px;
    position: relative;
        margin: 50px auto 0px;
   
}
.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{
  
    width: 700px;
    height: 500px;
    position: absolute;
    left: 332px;
    top: -42px; 
}
#softw .goTop{
    margin-top: -5px;
    transition: 0.3s;
    -moz-transform: rotateY(360deg); 
    -o-transform: rotateY(360deg); 
    -o-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*/
 


.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(../imgs/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;/* background: url(../imgs/gj.jpg) repeat center top ; */}
.intr h2{font-size:38px;font-weight:bold;text-align:center;padding-top:50px;margin-bottom: 66px;}
.intr p{font-size:16px;width:852px;margin:0 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: 277px;overflow:hidden;position: relative;margin-bottom: 30px;}
.intr ul li:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
   
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.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/q.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:16px;line-height: 49px;text-align:center;color:#ffffff;margin-bottom:24px;} 

.bg4{background: url(../imgs/bg5.jpg) no-repeat center bottom;height: 450px;} 
/*.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: 70px 0 0 490px;}
.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;
    background: url(../imgs/beijing.jpg) repeat center top!important;
    height: 785px;
}


.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;}
 

.p4{height: 664px;/* background: url(../imgs/soft.jpg) repeat center top!important; */background-size: 100% 100%;overflow: hidden;}
.p4 .list{background: url(../imgs/list4.png) no-repeat;width: 966px;height: 509px;margin:0px auto;position: relative;background-size: 100% 100%;}
.p4 .list img{left: 138px;bottom: 66px;height: 0px;transition: 1s;}
.p4 .list img.hei2{height: 514px;width: 966px;transition: 1s;position: absolute;left: 24px;bottom: -26px;}
.p4 .list img.hei{height: 0px;transition: 1s;}
.p4 .btn{margin-top: 56px;}


@media screen and (min-width: 1480px) and (max-width: 1920px) {.jiej{text-align:center; width:700px; margin:60px 0 0 900px;}


}


.part10-1{
    position: relative;
    text-align: center;
    padding: 50px 0 50px 0;
    
    height: 1000px;
}
.part10-1 h2{
    width: 642px;
    font-weight:bold;
    margin: 0 auto;
    padding-left: 54px;
    color: #382d2d;
    font-size: 38px;
    padding-bottom: 10px;
}

.part10-1 .btn{
        width: 1160px;
        margin: 0 auto;
        margin-top: 40px;
}

.part10-1 .btn li{
    margin-right: 20px;
    cursor: pointer;
    margin-top: 0px;
    float: left;
    width: 124px;
    height: 74px;
    margin-right: 8px;
    background: url(../tab1_box7hdimg2.jpg) no-repeat 0;
    color: #585858;
    font-size: 16px;
    box-sizing: border-box;
    padding-top: 23px;
    text-align: center;
    background-size: 100% 90%;
}
.part10-1 .btn li.last{
    margin-right: -20px;
}
.part10-1 .comBox{
    width: 1160px;
    height: 484px;
    position: relative;
    margin: 50px auto 0px;
    /* left: 50%;
    margin-left: -513px;
    top: 310px;*/
    background: url(../imgs/beijing.jpg) repeat center top!important;
}
.part10-1 .comBox .comBox1{
    width: 1160px;
    height: 484px;
    position: relative;
    margin: 50px auto 0px;
    /* left: 50%;
    margin-left: -513px;
    top: 310px;*/
    /* background: #012258; */
} 


.part10-1 .comBox .computer{
    width: 660px;
    height: 500px;
    /* background: url(../images/dn.png) no-repeat left top; */
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.part10-1 .comBox .computer .slid1{
    width: 700px;
    height: 500px;
    margin:15px 0 0 14px;
    overflow: hidden;
    position: relative;
}
.part10-1 .comBox .computer .slid1 li,#txtB li{
    position: absolute;
    /* left: 100px; */
    /* top:100px; */
    top: 0 \9;
    opacity: 0;
    filter:alpha(opacity=0);
}

#txtB li{
  left: 100px;  
  top:100px;  
 }
#txtB li p{
    opacity: 0 \9;
    filter:alpha(opacity=0) \9;
    top: 0;
}
.part10-1 .comBox .computer .slid1 li.goTop2{
    top: 0;
    opacity: 1;
    filter:alpha(opacity=100);
    -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 li.goTop3{
    top: 0px;
    left: 0px;
    opacity: 1;
    filter:alpha(opacity=100);
    transition: 0.8s;
    color: #fff;
}
#txtB li.goTop3 p{
    opacity: 1;
    filter:alpha(opacity=100); 
}
#txtB li.goTop3 p h3{color:#fff}
.part10-1 .comBox b{
  
   font-size:36px;
   padding-bottom: 9px;
   display: block;
}
#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; */
    background: url(../tab1_box7hdimg1.jpg) no-repeat 0;
    width: 124px;
    height: 74px;
    background-size: 100%;
    margin-top: -29px;
    line-height: 72px;
    color: #fff;
}
#txtB{
    width: 382px;
    height: 400px;
    position: absolute;
    left: 743px;
    top: 45px;
    z-index: 999;
    overflow: hidden;
}
#txtB p{
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
    line-height: 29px;
    position: relative;
    text-align: justify;
    height: 405px;
}
#txtB p i{
    position: absolute;
    left: -62px;
    top: 14px;
    width: 50px;
    height: 2px;
    background: #fff;
}
.part10-1 .button{
       position: absolute;
    bottom: 30px;
    right: 30px;
}

/*.part10 .button p {
   width: 348px;
    height: 52px;
    line-height: 45px;
    margin: 0 auto;
    font-size: 28px;
    color: #fff;
    background: rgba(160, 158, 158, 0.76);
    border-radius: 4px;
}*/


.part10-1 .button p{    
       font-size: 24px;
    text-align: center;
    width: 348px;
    height: 50px;
    border: 2px solid #efefef;
    color: #fdfdfd;
    background: none;
    display: block;
    margin: 0 auto;
    line-height: 45px;
    margin-top: 46px;
    border-radius: 4px;}
  .part10-1 .button p:hover {  
    border: 2px solid #efefef;
    color: #2f2c25;
    background: #e6e6e6;
    
    }













.trebig4_x{background: #f4f4f4;height: 1100px;padding-top: 1px;}
.trebig4_x h3{text-align: center;font-size: 38px;color: #f7c80c;line-height: 60px;}
.trebig4_x p{width: 1038px;margin: 10px auto 40px;font-size: 16px;line-height: 30px;color: #fff;text-align: center;}
.trebig4_x .sqyh{font-size:16px;color:#e6ad25;text-align:center;width: 225px;height: 36px;border:2px solid #e6ad25;display:block;margin:0 auto;line-height:30px;border-radius: 24px;font-weight: bold;}
.trebig4_x .sqyh:hover{background:#e6ad25;color:#ffffff;}

.trebig4_x .trebig4_b{width: 1160px;height: 646px;margin: 0 auto;text-align: center;}
 .trebig4_x .trebig4_b .trebig4_bb{width: 332px;height: 296px;float: left;margin-bottom: 20px;}
  .trebig4_x .trebig4_b .trebig4_bb:nth-child(2) {width: 441px;height: 296px;float: left;margin-left: 15px;margin-right: 15px;}
  .trebig4_x .trebig4_b .trebig4_bb:nth-child(5){width: 561px;height: 335px;float: left;margin-left: 20px;}
  .trebig4_x .trebig4_b .trebig4_bb:nth-child(4){width: 562px;height: 335px;float: left;}
  .trebig4_x .trebig4_b .trebig4_bb:nth-child(4) .thumb a img,.trebig4_x .trebig4_b .trebig4_bb:nth-child(5) .thumb a img{
    width: 562px;
    height: 335px;
    }
.trebig4_b::after {display:block;clear:both;content:"";visibility:hidden;height:0;}
.trebig4_b  {margin:0 auto;}
.trebig4_b .trebig4_bb  {background:#fff; float:left; overflow:hidden; position:relative;}
.trebig4_b .trebig4_bb {width:300px; height:200px; margin:5px;}
 
.trebig4_b .title {/* background: #18c9fe; */background: linear-gradient(180deg, #22c9ff 0%, #11aac3 100%);font-size:16px;line-height:60px;position:absolute;left:0;bottom:-70px;height:60px;width:100%;padding:5px 10px;overflow:hidden;-webkit-transition:bottom .3s ease-out;-moz-transition:bottom .3s ease-out;-ms-transition:bottom .3s ease-out;transition:bottom .3s ease-out;}
.trebig4_b .trebig4_bb:hover .title {bottom:0;}
.trebig4_b .trebig4_bb .thumb img {-webkit-transition:margin-top .4s ease-out;-moz-transition:margin-top .4s ease-out;-ms-transition:margin-top .4s ease-out;transition:margin-top .4s ease-out;}
.trebig4_b .trebig4_bb:hover .thumb img  {margin-top:-50px;}
.trebig4_b .trebig4_bb:hover  {box-shadow:0 0 10px rgba(0,0,0,.25);}
.trebig4_b .trebig4_bb a {color:#fff;}