@charset "utf-8";
/* CSS Document */

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
    vertical-align: top;
}
ul, li {
    list-style-type: none; padding:0; margin:0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
}
body, input, select, button, textarea {
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
}
button {
    cursor: pointer;
}
i, em, cite {
    font-style: normal;
}
body {
    min-width: 1240px;
}
body {
    background: #fff none repeat scroll 0 0;
    color: #363636;
    line-height:1.2!important;
    font: 14px/20px "微软雅黑",Arial;
}
a, a:link {
    color: #222;
    cursor: pointer;
    text-decoration: none;
}
a:visited {
}
a:active, a:hover {
    text-decoration: underline;
}
a:focus {
    outline: medium none;
}
.fixed::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.fixed {
    display: block;
    min-height: 1%;
}
.clear {
    clear: both;
    
}
 #BizQQWPA1{background:url( /img/gif.png); position:fixed; right:2px; width:110px; height:154px; top:140px; cursor:pointer;z-index: 998;} 
.banner{background:url(../img/icon/bannesr.jpg) no-repeat center top;height:652px;       width: 100%;   }


/*.canvas .tag{
    top:0;
    left:66px;
    width:1834px;
    height:897px;
    display:block;
    position:absolute;
    animation:2s tag linear infinite;
}*/
@keyframes tag{
    0%{transform:scale(1);}
    50%{transform:scale(0.95);}
    100%{transform:scale(1);}
}
@keyframes tag1{
    0%{transform:scale(1.1);}
    25%{transform:scale(0.95);}
    50%{transform:scale(0.75);}
    75%{transform:scale(0.95);}
    100%{transform:scale(1.1);}
}

@keyframes txt5{
    0%{right:-50px;}
    50%{right:50px;}
    100%{right:-50px;}
}
@keyframes txt4{
    0%{left:629px;}
    50%{left:609px;}
    100%{left:629px;}
}
@keyframes txt2{
    0%{left:660px;}
    50%{left:680px;}
    100%{left:660px;}
}

.bannergd{width: 1100px;height: 640px;margin: 0 auto;/* padding-top:90px; */position: relative;}
.bannergd>.imgw{position: absolute;top: 227px;left: 69px;width:534px;height: 230px;animation:2s tag linear infinite;}
.bannergd>.imgh{position: absolute;bottom: 74px;left: 222px;width:216px;height:50px;line-height: 50px;font-size: 24px;animation:2s tag linear infinite;border-radius: 30px;text-align: center;background: linear-gradient(36deg, #6c40f9 0%,  #fd43d4 100%);color: #fff;overflow: hidden;}
.bannergd>.imgh>a{ color: #fff;}
.bannergd>.imgh:hover{background:#fd7012;color:#fff}
.bannergd>.imgh :after {content: "";background: #d8e0fd;position: absolute;width: 216px;height: 143px;left: 0px;left: 0;top: 0;bottom: 0;opacity: 0;margin: auto;border-radius: 50%;transform: scale(1);animation: 1s btn ease-in-out infinite;}
  @keyframes btn {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
  @-webkit-keyframes btn {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
  @-moz-keyframes btn {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }

  @-o-keyframes btn {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }


.bannergd>.imgan{position: absolute;top: 302px;left: 660px;width:48px;height: 49px;animation: 2s txt2 linear infinite;}
.bannergd>.imgua{position: absolute;bottom: 302px;left: 629px;width:33px;height: 33px;animation: 3s txt4 linear infinite;}

.bannergd>.imgn{position: absolute;top: 88px;right: 110px;width:176px;height: 300px;animation:2s tag linear infinite;}

.bannergd>.imgc{position: absolute;bottom: 100px;left: 724px;width:5px;height: 113px;animation: 2s  tag1 linear infinite;}
.bannergd>.img3{position: absolute;    bottom: 200px; left: 808px;width:5px;height: 57px;animation: 5s tag1 linear infinite;}
.bannergd>.imge{position: absolute;bottom: 118px;left: 633px;width:6px;height: 159px;animation: 3s tag1 linear infinite;}
.banner2 {    height:500px; padding-top: 60px;}
.banner2  .titone{text-align: center;font-size: 53px;font-weight: bold;line-height: 63px;letter-spacing: 6px;color: #5781de;text-shadow: -3px -2px 2px #feb31c;}
.banner2>p:nth-child(2){    text-align: center;  font-size: 26px;  line-height: 46px;}
.banner2>p:nth-child(3){text-align: center;font-size: 28px;line-height: 40px}
.sevena{width: 1160px;height: 200px;  margin: 38px auto;    line-height: 1.4;}
.sevena .dan{background:url(../images/bg1.png) no-repeat center top;height: 185px;width: 165px;float: left;padding: 10px 10px;float: left;}
.sevena>.dan>p:nth-child(1){    font-size: 22px; text-shadow:0px 0px 32px #e0dada;  color: #0172fe;    font-style: italic;text-align: center;    font-weight: bold;}
.sevena>.dan>p:nth-child(2){    font-size: 15px;    margin-top: 6px; color: #f9f9f9;  font-weight: bold;text-shadow: 0px 0px 5px #425252;}
.sevena>.dan>p:nth-child(3){    font-size: 15px; color: #f9f9f9; font-weight: bold;text-shadow: 0px 0px 5px #425252;}
.sevena>.dan>p:nth-child(4){    font-size: 15px; color: #f9f9f9; font-weight: bold;text-shadow: 0px 0px 5px #425252;}
.sevena>.dan>p:nth-child(5){    font-size: 15px; color: #f9f9f9; font-weight: bold;text-shadow: 0px 0px 5px #425252;}
.sevena .shuang{background: url(../images/bg2.png) no-repeat center top;height: 185px;width: 165px;float: left;padding: 10px 10px;float: left;}
.sevena>.shuang>p:nth-child(1){    font-size: 22px; text-shadow: 0px 0px 32px #e0dada;  color: #0172fe;    font-style: italic;text-align: center;    font-weight: bold;}
.sevena>.shuang>p:nth-child(2){    font-size: 15px;    margin-top: 6px; color: #f9f9f9; font-weight: bold;    text-shadow: 0px 0px 5px #687475;}
.sevena>.shuang>p:nth-child(3){    font-size: 15px; color: #f9f9f9; font-weight: bold;    text-shadow: 0px 0px 5px #687475;}
.sevena>.shuang>p:nth-child(4){    font-size: 15px; color: #f9f9f9; font-weight: bold;    text-shadow: 0px 0px 5px #687475;}
.sevena>.shuang p b,.sevena>.dan p b{color: red;font-size: 15px;    text-shadow: 0px 0px 5px #e8eaea;}
.sevena>.shuang p ,.sevena>.dan p {color: #ddd}
.banner3{background:url(../img/icon/uibanner1.png) no-repeat center top;height:458px;padding-top: 75px;}
.banner3>h2{text-align: center;font-size: 46px;font-weight: normal;line-height: 63px;letter-spacing: 6px;color: #ffffff;/* text-shadow: -3px -2px 2px #6d6c68; */}
.banner3>p:nth-child(2){     text-align: center;  font-size: 37px;  line-height: 68px;  color: #fdffff; /*text-shadow: -6px -2px 2px #6d6c68;*/}
.banner3>p:nth-child(3){text-align: center; width: 658px;  margin: 0 auto;  font-size: 16px; line-height: 27px;  color: #056ef1;}
.banner3>.ztjh{width: 1100px;height: 500px;margin: 0px auto;}
.banner3>.ztjh>.zt1{width: 469px;height: 485px;float: right;background:url(../img/icon/zt1.png) no-repeat center top;position: relative;}
.banner3>.ztjh>.zt1>span{position: absolute;top: 141px;left: 207px;color: #ff9239;font-size: 30px;}
.banner3>.ztjh>.zt2{width: 469px;height: 485px;float: left;background:url(../img/icon/zt2.png) no-repeat center top;position: relative;}
.banner3>.ztjh>.zt2>span{position: absolute;top: 142px;left: 168px;color: #f7472f;font-size: 30px;}
.banner3 >.banniu>a{    padding: 0px 24px;  width: 392px;  text-align: center;  height: 45px; display: block;  background: #076FE4;  color: #fff;  font-size: 21px;  line-height: 41px;  margin: 26px auto 0px;  border-radius: 5px; text-decoration: none;  box-shadow: 0px 0px 6px #060505;}
.banner3 >.banniu>a:hover  {background: #d43128;}
 .banner4{background:url(../images/bannerqt.png) no-repeat center top;height: 850px;background-attachment: fixed;padding-top: 50px;}
.banner4>h2{text-align: center;font-size: 53px;font-weight: bold;line-height: 63px;letter-spacing: 6px;color: #5781de;text-shadow: -3px -2px 2px #feb31c;}
.banner4>p:nth-child(2){     text-align: center;  font-size: 37px;  line-height: 68px;    color: #4a5e77;/* text-shadow: -6px -2px 2px #6d6c68;*/}
.banner4>p:nth-child(3){text-align: center; width: 858px;  margin: 0 auto;  font-size: 16px; line-height: 27px;  color: #056ef1;}
.banner4>.bann4 {width: 1000px;margin: 20px auto;height: 600px; position: relative;}
.banner4>.bann4>.bann41{width: 244px;height: 600px;position: absolute;top: 10px;left: 20px;z-index: 2;} 
.banner4>.bann4>.bann41>ul>li{background: url(../images/mokuai.png) no-repeat center top;width: 241px;height: 70px;line-height: 67px;text-align: center;font-size: 18px;color: #004ebe;/* z-index: 9; */}
.banner4>.bann4>.bann42{background:url(../images/xian1.png) no-repeat center top;width: 322px;height: 66px;position: absolute;left: 221px;top: 47px;/* z-index: 1; */}
.banner4>.bann4>.bann43{background:url(../images/xian2.png) no-repeat center top;width: 452px;height: 171px;position: absolute;left: 217px;top: 80px;}
.banner4>.bann4>.bann44{background:url(../images/xian3.png) no-repeat center top;width: 584px;height: 228px;position: absolute;left: 229px;top: 165px;}
.banner4>.bann4>.bann45{background:url(../images/xian4.png) no-repeat center top;width: 719px;height: 263px;position: absolute;left: 238px;top: 271px;}
.banner4>.bann4>.bann42 span{position: absolute;top: 14px;left: 190px;font-size: 18px;color: #ff5816;}
.banner4>.bann4>.bann43 span{position: absolute;top: 104px;left: 300px;font-size: 18px;color: #2e687c;}
.banner4>.bann4>.bann44 span{position: absolute;top: 166px;left: 384px;font-size: 18px;color: #228d8c;}
.banner4>.bann4>.bann45 span{position: absolute;top: 200px;left: 514px;font-size: 18px;color: #f9b710;}
.banner4>.bann4>.bann46{width: 174px;height: 236px;position: absolute;top: 0px;left: 800px;}
.fl { float: left; }
.part10{
    position: relative;
    text-align: center;
    padding: 50px 0 50px 0;
    background: url(../img/icon/banner3.jpg) no-repeat center top;
    /* background:linear-gradient(154deg,#3e64f1  0%, #9f6fde 100%) ; */
    /* height: 850px; */
    /* background-attachment: fixed; */
    height: 1200px;
}
.part10 h2{
       /* padding-top: 50px; */
       text-align: center;
       font-size: 36px;
       font-weight: normal;
       line-height: 63px;
       letter-spacing: 6px;
       color: #ffffff;
       display: inline-block;
       position: relative;
       /* text-shadow: -3px -2px 2px #6087de;*/
}
 .part10 h2:after{      content: "";
    display: block;
    position: absolute;
    width: 41px;
    height: 40px;
    top: 27px;
    right: -55px;
    background: url(../img/icon/banner44.png) no-repeat center top;} 

 .part10 h2:before{
    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0px;
    left: -89px;
    background: url(../img/icon/banner33.png) no-repeat center top;
    } 
.part10 .btn{
    width: 716px;
    margin: 0 auto;
    margin-top: 40px;
    height: 102px;
}

.part10 .btn li{
    margin-right: 20px;
    cursor: pointer;
    margin-top: 0px;    
}
.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);
    -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: 465px;
    height: 300px;
    position: absolute;
    left: 557px;
    top: 44px;
    z-index: 999;
    overflow: hidden;
}
#txtB p{
    font-size: 18px;
    color: #f5ecec;
    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;
       overflow: hidden;
       width: 290px;
       text-align: center;
       height: 50px;
       border-radius: 30px;
} 
.part10 .button p{
           /* padding: 0px 24px; */
           width: 290px;
           text-align: center;
           height: 50px;
           display: block;
           background: linear-gradient(154deg,#46c8ff 0%, #2b7afd 100%);
           color: #fff;
           font-size: 21px;
           line-height: 45px;
           animation: 2s tag linear infinite;
           border-radius: 5px;
           text-decoration: none;
           border-radius: 30px;
           overflow: hidden;
           /* box-shadow: 0px 0px 6px #060505; */
           }

       .part10 .button p:after {content: "";background: #d8e0fd;position: absolute;width: 300px;height:243px;left: 0px;left: 0;top: 0;bottom: 0;opacity: 0;margin: auto;border-radius: 50%;transform: scale(1);animation: 2s btn ease-in-out infinite;}

  .part10 .button p:hover {
    
    color: #ffffff;
    background: #f9c748;
    }

.study{background: url(../img/dibu.jpg) no-repeat center top;height:780px;}
.study h2{
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    width: 500px;
    color: #ffffff;
    text-shadow: -3px -2px 2px #076fe4;
    padding-top: 52px;
    margin: 44px auto;
    position:relative;
    }


   .study h2:before {
         content: "";
         display: block;
         position: absolute;
         width: 80px;
         height: 80px;
         top: 19px;
         left: -89px;
         background: url(../img/icon/banner33.png) no-repeat center top;
         }
.study h2:after {
         content: "";
         display: block;
         position: absolute;
         width: 41px;
         height: 40px;
         top: -17px;
         right: -55px;
         background: url(../img/icon/banner44.png) no-repeat center top;
         }

.study p{font-size:16px;line-height:30px;text-align:center;color:#ffffff;margin-bottom:24px;}




/*
.banner3>.ztjh:hover .zt1{
    animation:move1 2s linear infinite;
}

@keyframes move1{
    0%{right:-13px;}
    50%{right:13px;}
    100%{right:-13px;}
}*/
.sqyh{
    padding: 0px 24px;
    width: 290px;
    text-align: center;
    height: 45px;
    display: block;
    background: linear-gradient(154deg,#46c8ff 0%, #2b7afd 100%);
    color: #fff;
    font-size: 21px;
    line-height: 45px;
    margin: 26px auto 0px;
    border-radius: 26px;
    text-decoration: none;
    position:relative;
    overflow:hidden;
    }
  .sqyh:after {content: "";background: #d8e0fd;position: absolute;width: 290px;height:243px;left: 0px;left: 0;top: 0;bottom: 0;opacity: 0;margin: auto;border-radius: 50%;transform: scale(1);animation: 2s btn ease-in-out infinite;}

  .sqyh:hover  {background: #8441f2;color: #fff;}
  .anniu{
    padding: 0px 24px;
    width: 290px;
    text-align: center;
    height: 45px;
    display: block;
    background: linear-gradient(180deg,#46c8ff 0%, #2b7afd 100%);
    animation: 2s tag linear infinite;
    color: #fff;
    font-size: 21px;
    line-height: 45px;
    margin: 26px auto 0px;
    border-radius: 26px;
    text-decoration: none;
    position: relative;
    overflow:hidden
    }

  .anniu:after {content: "";background: #d8e0fd;position: absolute;width: 290px;height:243px;left: 0px;left: 0;top: 0;bottom: 0;opacity: 0;margin: auto;border-radius: 50%;transform: scale(1);animation: 2s btn ease-in-out infinite;}

  .anniu:hover  {background: #8441f2;color: #fff;}
 .box-course .btkc{font-size:38px;font-weight:normal;text-align:center;    padding-top: 72px;margin-bottom:40px; color:#fff; font-weight: bold;}
 .box-course h4{font-size: 16px;font-weight:normal;  width: 900px;  margin: 0 auto; line-height: 28px;/* margin-bottom: 60px;*/ text-align: left; color: #fff;
}

.box-course .two2{border: 1px solid #e9e9e9;color: #fff;border-bottom: none;padding: 10px 15px;text-align: center;width: 1000px;font-size: 25px;margin: 0 auto;margin-top: 30px;}

.box-course .box-con{ margin: 40px auto 0; width: 1000px;margin-top:0;color:#fff; }

.box-course table{ margin-bottom: 10px; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; border-collapse:collapse; }

.box-course table td{ border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 10px 15px; text-align: left; }

.box-course .one{ font-size: 24px; line-height: 36px; text-align: center; }

.box-course{ font-size: 12px; line-height: 21px; }

.box-course b{ margin-bottom: 10px; font-size: 18px; line-height: 50px; font-weight: normal; }
 

/*幻灯图片 star*/
 
/*完美动力商业案例 star*/
.syal{
    width: 1160px;
    margin:0 auto;
    text-align:center;
    padding-top:55px;
    }
.syal ul{/* height:270px; */}
.syal li{
    float:left;
    }
/*完美动力商业案例 end*/
/*顶级师资团队 star*/
.sztd_bg{
    width:100%; height:804px; background:#4d4d4d;
    }
.sztd{
    width:1000px; margin:0 auto; text-align:center;height:804px;
    }
/*顶级师资团队    end*/
 



    @media screen and (max-width: 1024px){
.footer,.hd_tp,.jxms_bg ,.zz_jyms_bg,.ui_bg,.fg_d_bg,.sjrj_a_bg,.rztq ,.yrkt_bg,.sztd_bg,.jxsk_bg,.zmrk_bg ,.lxdh_a_bg,.foot_bg{
    width: 1130px;
}
}  
 
.szt{text-align: center;}
.teach{
    background:linear-gradient(180deg, #8041f9 0%,#ff4700 100%);
    padding-bottom: 50px; 
    }
.teach h2{
    padding-top: 50px; 
    font-size: 36px;
    line-height: 46px;
    color: #f9f9f9;
    font-weight: normal;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    }

     .teach h2:before {
      content: "";
      display: block;
      position: absolute;
      width: 80px;
      height: 80px;
      top: 67px;
      left: -89px;
      background: url(../img/icon/banner33.png) no-repeat center top;
      }
   .teach h2:after {
      content: "";
      display: block;
      position: absolute;
      width: 41px;
      height: 40px;
      top: 27px;
      right: -55px;
      background: url(../img/icon/banner44.png) no-repeat center top;
      }
.teach h4{
    font-size: 16px;
    line-height: 28px;
    width: 850px;
      margin: 15px auto 20px; 
    font-weight: normal; 
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    }
 
 .jiangshi{ width: 980px; height: auto;  line-height: 37px;  text-align: right; margin: 16px 0px; }    
.kcsz {margin: 0 auto;text-align: center;width: 1160px;height: auto;overflow: auto;clear: both;}
a:link, a:visited, a:active {  text-decoration: none;  color: #000;}
.kcsz .sz1{
    width: 213px;
    float: left;
    display: inherit;
    margin: 0px 8px 0px 0px;
    border: 1px solid #fffbfb;
    background: rgba(229, 234, 249, 0.74);
    }
.kcsz .sz1 img{ width: 210px; }
.kcsz .sz1 .p2{font-size: 16px;padding-top: 10px;color: #0b0c0c;}
.kcsz .sz1 .p1{font-size: 14px;color: #424040;}
.kcsz .sz1 p{color: #000;}
.kcsz .sz1:hover{  background-color: rgba(198, 227, 247, 0.8); }

.shu{   background:url(../img/sh1u.jpg) no-repeat center top;height:700px;position: relative; }
.shu1{/*position: absolute;bottom: 30px;left: 45%;*/    padding-top: 422px;}
.dhxz{ text-align: center;font-size: 36px;padding-top: 50px;    color: #750c10; font-weight: bold; }
.dhxz b{font-size: 44px;}
.zih{ text-align: center;font-size: 20px;    margin-top: 12px;  color: #750c10; }
.shus{
    padding: 0px 24px;
    width: 278px;
    height: 45px;
    display: block;
    text-align: center;
    background: #076FE4;
    color: #fff;
    font-size: 21px;
    line-height: 45px;
    margin: 13px auto;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #060505;
    }
.shus:hover{background: #d43128; color: #fff;}


.line1{ padding-bottom: 30px;height: 425px;}
.line2{  background: #fff;  padding-bottom: 30px;}
 .syal li{margin-top:0px;float:left;width:236px;height:370px;margin:0px 25px;position:relative;transition: all .24s ease-in-out;box-shadow: 0px 0px 14px rgba(167, 167, 167, 0.83);} 
 
.syal li img{    width: 236px; height: 300px;  }
.syal li span{width: 236px; height: 300px; overflow: hidden;    display: block;}
.syal li :hover img{
    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;
}
.syal li:hover {
  box-shadow: 9px 9px 14px rgba(167, 167, 167, 0.83); 
    transform: translateY(-6px);
}
.dingwei{position: absolute;bottom: 0px;    width: 236px;    padding-bottom: 14px;}
.dingwei p:first-child{ font-family: 'ziti';    color: #F11; font-size: 23px;}
 .dingwei p:nth-child(2){   color: #000; font-size: 18px;}
.syal h2{
    padding-bottom: 50px;
    text-align: center;
    font-size: 53px;
    font-weight: bold;
    line-height: 63px;
    letter-spacing: 6px;
    color: #5781de;
    text-shadow: -3px -2px 2px #ffd226;
    }  
/*  学员尊享3大adobe认证特权 */
    .rztq{
    width:100%;
    height: 662px;
    margin-top: -500px;
    }
  .rztq h2 {
    padding-top: 50px;
    text-align: center;
    font-size: 53px;
    font-weight: bold;
    line-height: 63px;
    letter-spacing: 6px;
    color: #5781de;
    text-shadow: -3px -2px 2px #feb31d;
    }  
.rztq_tp{
    width: 1100px;
    margin:0 auto;
    text-align:center;
    padding-top:60px;
    }

.renzheng{width: 1045px;height: 428px;background: url(../images/rztq_tp.png) no-repeat center top;position: relative;}
.renzhengd{width: 250px;height: 204px;position: absolute;left: 265px;top: 138px;font-size: 14px;line-height: 23px;text-align: left;color: #060606;}
.renzhenga{width: 265px;height: 204px;position: absolute;left: 565px;top: 31px;text-align: left;font-size: 14px;line-height: 22px;color: #3e423e;}
.renzhenga h5{font-size: 18px;line-height: 38px;color: #000000;font-weight: normal;}
.renzhengb{width: 265px;height: 204px;position: absolute;left: 565px;top: 151px;text-align: left;font-size: 14px;color: #3e423e;font-size: 14px;line-height: 22px;color: #3e423e;}
.renzhengb h5{font-size: 18px;line-height: 38px;line-height: 38px;color: #000;font-weight: normal;}
.renzhengc{width: 270px;height: 204px;position: absolute;left: 565px;top: 272px;text-align: left;/* font-size: 16px; */font-size: 14px;line-height: 22px;color: #3e423e;}
.renzhengimg1{width: 156px;height: 116px;position: absolute;left: 858px;top: 39px;}
.renzhengimg2{width: 156px;height: 116px;position: absolute;left: 857px;top: 155px;}
.renzhengimg3{width: 156px;height: 116px;position: absolute;left: 857px;top: 266px;}
 .renzhengc h5{font-size: 18px;line-height: 38px;color: #000;font-weight: normal;}
    .rztq_tp a.biye{
            padding: 0px 24px;
            width: 400px;
            height: 45px;
            display: block;
            background: linear-gradient(42deg, #6c40f9 0%,  #fd43d4 100%);
            color: #fff;
            font-size: 21px;
            line-height: 45px;
            margin: 50px auto 0px;
            border-radius: 33px;
            text-decoration: none;
            animation: 2s tag linear infinite;
            overflow: hidden;
            position: relative;
            /* box-shadow: 0px 0px 6px #060505; */
    }

  .rztq_tp a.biye:after {content: "";background: #d8e0fd;position: absolute;width: 400px;height:243px;left: 0px;left: 0;top: 0;bottom: 0;opacity: 0;margin: auto;border-radius: 50%;transform: scale(1);animation: 2s btn ease-in-out infinite;}



    .ljlcm{
    padding: 0px 24px;
    width: 407px;
    height: 45px;
    display: block;
    text-align: center;
    background: linear-gradient(154deg,#46c8ff 0%, #2b7afd 100%);
    color: #fff;
    animation: 2s tag linear infinite;
    font-size: 21px;
    line-height: 45px;
    margin: 0px auto 50px;
    border-radius: 28px;
    text-decoration: none!important;
    position:relative;
    overflow:hidden;
    }
 .ljlcm:after {content: "";background: #d8e0fd;position: absolute;width:407px;height:243px;left: 0px;left: 0;top: 0;bottom: 0;opacity: 0;margin: auto;border-radius: 50%;transform: scale(1);animation: 2s btn ease-in-out infinite;}

    .jxzl{
    padding: 0px 24px;
    width: 330px;
    height: 45px;
    display: block;
    background: #076FE4;
    color: #fff;
    font-size: 21px;
    line-height: 45px;
    margin: 36px auto;
    border-radius: 26px;
    text-decoration: none!important;
    }
 
  .tb_tr a.mfcx:hover,.jxzl:hover,.ljlcm:hover,.rztq_tp a.biye:hover{background: #d43128;color: #fff;}


    /*  学员尊享3大adobe认证特权 */



    /*商业项目引入课堂 star*/
.yrkt_bg{height: 4011px;background: url(../images/uibannerx1.png) no-repeat center top;background-attachment: fixed;padding-bottom: 100px;}
.yrkt_a{ width: 1000px;  margin:0 auto; text-align:center; } 
.kecbt{padding-top: 50px;text-align: center;font-size: 42px;line-height: 63px;letter-spacing: 6px;font-weight: bold;color: #075fe0;text-shadow: -3px -2px 2px #ffffff;}
.kecbt1{text-align: left;font-size: 16px;font-weight: normal;width: 900px;margin: 10px auto;line-height: 28px;color: #000000;} 
.tb_tr{  width:1000px; margin: 0 auto; height:1880px; }

.con11-3 {  width: 1000px;  }
 .t_span1{width: 172px;display: inline-block;text-align: center;padding-top: 16px;color: #fff;}
    .t_span2{width: 194px;display: inline-block;text-align: center;padding-top: 16px;color: #fff;}
    .t_span3{width: 340px;display: inline-block;text-align: center;padding-top: 16px;color: #fff;}
    .t_span4{width: 230px;display: inline-block;text-align: center;padding-top: 16px;color: #fff;}
    .tab-top{width: 944px;margin:0 auto;height: 50px;background: rgba(52, 119, 217, 0.8509803921568627);}
.tab_content1{width: 944px;margin:0 auto;height: 240px;/*background: pink;*/}
    .tab_con1,.tab_con2,.tab_con3,.tab_con4,.tab_con9,.tab_con10,.tab_con11,.tab_con12,.tab_con23,.tab_con22,.tab_con21,.tab_con20,.tab_con43,.tab_con42,.tab_con41,.tab_con40,.tab_con63,.tab_con62,.tab_con61,.tab_con60,.tab_con83,.tab_con82,.tab_con81,.tab_con80{float: left;}
    .tab_con1{width: 165px;height: 240px;background: rgba(151, 179, 243, 0.8);}
    .tab_con2{width: 198px;height: 240px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con3{width: 350px;height: 240px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con4{width: 230px;height: 240px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con4>a>img{width: 100%;margin-top: 4px;}
    .tab_con5{height: 120px;border-bottom: 1px solid #fff;}
    .tab_con8{height: 120px;}
    .tab_con7{height: 30px;border-bottom: 1px solid #fff;} 
    .tab_content2{width: 944px;margin:0 auto;height: 472px;} 
    .tab_con9{width: 165px;height: 472px;background: rgba(48, 124, 236, 0.88);}
    .tab_con10{width: 198px;height: 472px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con11{width: 350px;height: 472px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con12{width: 230px;height: 472px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con12>a>img{width: 100%;margin-top: 4px;}
    .tab_con13,.tab_con17,.tab_con14,.tab_con15,.tab_con16,.tab_con24,.tab_con26,.tab_con27,.tab_con28,.tab_con29,.tab_con30,.tab_con31,.tab_con32,.tab_con44,.tab_con46,.tab_con47,.tab_con48,.tab_con49,.tab_con50,.tab_con51,.tab_con52,.tab_con64,.tab_con66,.tab_con67,.tab_con68,.tab_con69,.tab_con70,.tab_con84,.tab_con86,.tab_con87,.tab_con88,.tab_con89{height: 118px;border-bottom: 1px solid #fff;}
   .tab_con16>a{  width: 309px;   font-size: 16px; height: 100px; line-height: 23px;  text-decoration: none; padding-left: 7px; }
    .tab_con86>a,.tab_con87>a,.tab_con88>a,.tab_con89>a,.tab_con90>a,.tab_con66>a,.tab_con67>a,.tab_con68>a,.tab_con69>a,.tab_con70>a,.tab_con71>a,.tab_con46>a,.tab_con47>a,.tab_con48>a,.tab_con49>a,.tab_con50>a,.tab_con51>a,.tab_con52>a,.tab_con53>a,.tab_con66>a,.tab_con67>a,.tab_con68>a,.tab_con69>a,.tab_con70>a,.tab_con71>a,.tab_con26>a,.tab_con27>a,.tab_con28>a,.tab_con29>a,.tab_con30>a,.tab_con31>a,.tab_con32>a,.tab_con33>a,.tab_con17>a,.tab_con18>a,.tab_con14>a,.tab_con15>a,.tab_con8>a{
    width: 336px;
    display: inline-block;
    height: 100px;
    margin-top: 10px;
    text-decoration: none;
    margin-left: 10px;
}
.tab_con7>a{    margin-left: 10px;
    margin-top: 6px;
    display: inline-block;
    text-decoration: none;} 
.tab_con85>a,.tab_con84>a,.tab_con64>a,.tab_con65>a,.tab_con44>a,.tab_con45>a,.tab_con24>a,.tab_con25>a,.tab_con13>a,.tab_con19>a,.tab_con5>a,.tab_con6>a{
    width: 154px;
    height: 42px; 
    display: inline-block;
    margin-top: 48px;
    margin-left: 20px;
    text-decoration: none; 
}
   .tab_content3{width: 944px;margin:0 auto;height:828px;} 
   .tab_con20{width: 165px;height: 828px;background: rgba(151, 179, 243, 0.8);}
    .tab_con21{width: 198px;height: 828px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con22{width: 350px;height: 828px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con23{width: 230px;height: 828px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con23>a>img{width: 100%;margin-top: 4px;} 
    .tab_content4{width: 944px;margin:0 auto;height:712px;}
    .tab_con40{width: 165px;height: 712px;background: rgba(48, 124, 236, 0.88);}
    .tab_con41{width: 198px;height: 712px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con42{width: 350px;height: 712px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con43{width: 230px;height: 712px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con43>a>img{width: 100%;margin-top: 4px;}

    .tab_content5{width: 944px;margin:0 auto;height:710px;}
       .tab_con60{width: 165px;height: 710px;background: rgba(151, 179, 243, 0.8);}
    .tab_con61{width: 198px;height: 710px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con62{width: 350px;height: 710px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con63{width: 230px;height: 710px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con63>a>img{width: 100%;margin-top: 4px;}

      .tab_content5-1{width: 944px;margin:0 auto;height:528px;}
       .tab_con60-1{width: 165px;height: 528px;background: #9C151D;}
    .tab_con61-1{width: 198px;height: 528px;background: #DADADA;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con62-1{width: 350px;height: 528px;background: #DADADA;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con63-1{width: 230px;height: 528px;background: #DADADA;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con63-1>a>img{width: 100%;margin-top: 4px;}
    .tab_con64-1>a{width: 136px;
    height: 42px;
    display: inline-block;
    margin-top: 48px;
    margin-left: 20px;
    text-decoration: none;}
.tab_con64-1,
.tab_con66-1,.tab_con67-1,.tab_con68-1,.tab_con69-1{    height: 128px;  border-bottom: 1px solid #fff;} 
        .tab_content6{width: 944px;margin:0 auto;height:575px;}
    .tab_con80{width: 165px;height: 574px;background: rgba(48, 124, 236, 0.88);}
    .tab_con81{width: 198px;height: 574px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con82{width: 350px;height: 574px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con83{width: 230px;height: 574px;background: rgba(225, 228, 232, 0.88);border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .tab_con83>a>img{width: 100%;margin-top: 4px;}
    .tab_content7{width: 1000px; margin: 0 auto;  height: 200px; }
    .rxtj {height: 70px;}
    .rxtj>img{float: left;}
    .rxtj>.rxtj1{
        float: left; 
    padding-top: 9px;
    padding-left: 28px;
    height: 58px;
    border-left: 2px solid #fff;
    color: #fff;
} 
      .con12{height: 812px;  }
    .con12-1{
        background: url(../img/kecheng_105.png) no-repeat 0 0;
    background-size: 100%;
    height:89px;
    }
    .con12-2{    width: 900px;
    margin: 0 auto;}
     .con12-2>img{width: 100%;}
     .con12-3{text-align: center;
    font-size: 30px;
    height: 50px;
    line-height: 40px;}
     .con12>p{text-align: center;}
     .con12-4{width: 900px;margin: 20px auto;}
     .con12-4>img{width: 100%;} 
     .tc99{
    text-align: center;
    width: 124px;
    margin: 0 auto;
    padding-top: 198px;
    color: #fff;
    }
    .tc999{text-align: center;
    color: #fff;
    padding-top: 347px;}
    .tc9999{text-align: center;
    color: #fff;
    padding-top: 310px;}
     .tc99999{text-align: center;
    color: #fff;
    padding-top:266px;}
.tb_tr a.mfcx{
       padding: 0px 24px;
       width: 701px;
       text-align: center;
       height: 45px;
       display: block;
       background: #076FE4;
       color: #fff;
       font-size: 21px;
       line-height: 45px;
       margin: 60px auto 0px;
       border-radius: 5px;
       text-decoration: none;
       box-shadow: 0px 0px 6px #060505;
       }   
/*精细授课 star*/
  .jxsk_bg{
    width:100%;height:960px;background:#00303e;
    }
.jxsk{
    width:1000px; margin:0 auto; text-align:center; 
    }
.jxsk li{
    float:left;height:165px;
    }
 
.zmrk_bg{
    width:100$;height:785px; background:#656565; padding-top:70px;
    }
.zmrk{
    width:1000px; margin:0 auto; text-align:center;
    }
 
.lxdh_a_bg{
    width:100%;height:155px; background:#000000;
    }
.lxdh{
    width:1000px; margin:0 auto; text-align:center; padding-top:30px;
    }


    .entry{padding-bottom:50px;background:#57595a;}
.entry h2{      padding-top: 50px;
    text-align: center;
    font-size: 53px;
    font-weight: bold;
    line-height: 63px;
    letter-spacing: 6px;
    color: #ffffff;
    text-shadow: -3px -2px 2px #0860e0;}
.entry p{width:994px;margin:0 auto;text-align:center;font-size:16px;color:#ffffff;margin-bottom:60px;line-height:28px;}
.entry ul{width:1140px;margin:0 auto;}
.entry ul li{width:366px;float:left;margin-right:20px;margin-bottom:20px;}
.entry ul li .de{height:224px;overflow:hidden;}
.entry ul .r0{margin-right:0;}
.entry ul h3{font-size:14px;font-weight:normal;text-align:center;margin-top:10px;color:#ffffff;} 













.box-course {text-align:center; font-family: "Microsoft YaHei";    background:rgb(18, 18, 19);}
.box-course .btkc{font-size:33px;font-weight:normal;text-align:center;/*padding-top:100px;*/margin-bottom:40px; color:#fff; font-weight: bold;}
/*.upgrad .upg1{background:url(../imgs/upgrad1.jpg) no-repeat center top;height:751px;}*/
.box-course h4{font-size: 16px;font-weight:normal;  width: 900px;  margin: 0 auto; line-height: 28px;/* margin-bottom: 60px;*/ text-align: left; color: #fff;
}

.box-course .two2{border: 1px solid #e9e9e9;color: #fff;border-bottom: none;padding: 10px 15px;text-align: center;width: 1000px;font-size: 25px;margin: 0 auto;margin-top: 30px;}

.box-course .box-con{ margin: 40px auto 0; width: 1000px;margin-top:0;color:#fff; }

.box-course table{ margin-bottom: 10px; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; border-collapse:collapse; }

.box-course table td{ border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 10px 15px; text-align: left; }

.box-course .one{ font-size: 24px; line-height: 36px; text-align: center; }

.box-course{ font-size: 12px; line-height: 21px; }

.box-course b{ margin-bottom: 10px; font-size: 18px; line-height: 50px; font-weight: normal; }

/*.box{ padding-top: 60px; }*/

.box h2{ font-size: 26px; line-height: 57px; text-align: center; font-weight: normal; }

.box p{ font-size: 16px; line-height: 32px; color: #666; }
.box-course{ padding-bottom: 60px; }

.box-course p{ margin: 25px auto 40px; width: 840px; text-align: left; }

.box-course .btn-box{ margin: 0 auto; width: 430px; }

.box-course .sqyh{font-size:16px;color:#e6ad25;text-align:center;width:218px;height:40px;border:2px solid #e6ad25;display:block;margin:0 auto;line-height:32px;margin-top:46px;border-radius: 24px;font-weight: bold;}
.box-course #none{width: 1000px;margin: auto;}





.gangwei {
  margin-bottom: 55px;
  background: url(../images/c5_bg.png) no-repeat center 165px;
  overflow: hidden;
  padding-top: 100px;
  }
  .gangwei ul {
    height: 475px;
    position: relative;
    width: 1200px; }
    .gangwei ul li {
      position: absolute;
      border-radius: 50%;
      text-align: center;
      box-sizing: border-box;
      display: table; }
      .gangwei ul li div {
        display: table-cell;
        vertical-align: middle; }
      .gangwei ul li img {
        width: 50px; }
      .gangwei ul li p {
        color: #fff;
        font-size: 24px; }
      .gangwei ul li:nth-child(1) {
        width: 200px;
        height: 200px;
        background: linear-gradient(180deg, #3998fc 0%,  #26d7f3 100%);
        left: 0px;
        top: 115px;
        /* animation-duration: 6s; */
        }
      .gangwei ul li:nth-child(2) {
        width: 149px;
        height: 149px;
        background: linear-gradient(180deg, #87ef2d 0%,  #13f5cb 100%);
        left: 158px;
        top: -5px;
        animation-duration: 8s;
        }
      .gangwei ul li:nth-child(3) {
        width: 180px;
        height: 180px;
        background: linear-gradient(180deg, #f74805 0%,  #fd53ba 100%);
        left: 173px;
        top: 225px;
        animation-duration: 9s;
        }
      .gangwei ul li:nth-child(4) {
        width: 186px;
        height: 186px;
        background: linear-gradient(180deg, #5e7df1 0%,  #4f26f3 100%);
        left: 319px;
        top: 90px;
        }
      .gangwei ul li:nth-child(5) {
        width: 151px;
        height: 151px;
        background: linear-gradient(180deg, #ff4855 0%,  #fd53b9 100%);
        left: 500px;
        top: 22px;
        animation-duration: 8s;
        }
      .gangwei ul li:nth-child(6) {
        width: 170px;
        height: 170px;
        /* background: -webkit-linear-gradient(left, #egangwei2de, #aa50f4); */
        background: -o-linear-gradient(right, #egangwei2de, #aa50f4);
        background: -moz-linear-gradient(right, #egangwei2de, #aa50f4);
        background: linear-gradient(180deg, #f51818, #ea870b);
        left: 497px;
        top: 210px;
        }
      .gangwei ul li:nth-child(7) {
        width: 214px;
        height: 214px;
        background: linear-gradient(180deg, #5ef1f1 0%,  #8bef1e 100%);
        left: 662px;
        top: 55px;
        animation-duration: 7s;
        }
      .gangwei ul li:nth-child(8) {
        width: 158px;
        height: 158px;
        background: linear-gradient(180deg, #cb2ace 0%,  #4f26f3 100%);
        left: 690px;
        top: 297px;
        animation-duration: 8s;
        }
      .gangwei ul li:nth-child(9) {
        width: 184px;
        height: 184px;
        background: linear-gradient(180deg, #ffe425 0%,  #f32626 100%);
        left: 870px;
        top: 170px;
        animation-duration: 6s;
        }
      .gangwei ul li:nth-child(10) {
        width: 200px;
        height: 200px;
        background: linear-gradient(180deg, #ff4646 0%,  #fd54c1 100%);
        left: 1022px;
        top: 38px;
        }

.float {
  -webkit-animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;
  -o-animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;
  animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;
  }

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  75% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-moz-keyframes float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  75% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@keyframes float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  75% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

    .wrap {
  width: 1200px;
  margin: 0 auto; }

    .ctit h2 {
    font-size: 36px;
    line-height: 46px;
    color: #000;
    font-weight: normal;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    }
    .ctit h2:before {
         content: "";
         display: block;
         position: absolute;
         width: 80px;
         height: 80px;
         top: 19px;
         left: -89px;
         background: url(../img/icon/banner33.png) no-repeat center top;
         }
    .ctit h2:after {
         content: "";
         display: block;
         position: absolute;
         width: 41px;
         height: 40px;
         top: -17px;
         right: -55px;
         background: url(../img/icon/banner44.png) no-repeat center top;
         }
    .ctit h2 span {
      color: #f1264e; }
  .ctit p {
    font-size: 20px;
    color: #000;
    line-height: 30px; }
    .ctit {
    text-align: center;
    margin-bottom: 35px;
    padding-bottom: 35px;
    /* border-bottom: 1px dashed #d1cfd0; */
    position: relative;
}



.zuopinzhanshi {
 
  padding-top: 20px;
  overflow: hidden;
  margin-bottom: 50px;
  }
  
    .zuopinzhanshi .ctit:after {
      background: #f57aa2; }
    .zuopinzhanshi .ctit h2 {
      color: #0a0606;
      }
     
    .zuopinzhanshi .ctit p {
      color: #1b0e0e;
      }
  .zuopinzhanshi .c7_btns_wrap {
    text-align: center;
    margin-bottom: 40px; }
    .zuopinzhanshi .c7_btns_wrap h5 {
      margin-bottom: 35px;
      color: #000;
      font-size: 30px; }
    .zuopinzhanshi .c7_btns_wrap .c7_btns_list li {
      height: 63px;
      width: 220px;
      margin-right: 25px;
      float: left;
      background: #f1f1f1;
      color: #000;
      font-size: 26px;
      text-align: center;
      border-radius: 32px;
      line-height: 63px;
      position: relative; }
      .zuopinzhanshi .c7_btns_wrap .c7_btns_list li.active {
        background: #d93660;
        color: #fff; }
        .zuopinzhanshi .c7_btns_wrap .c7_btns_list li.active:after {
          display: block;
          content: "";
          position: absolute;
          width: 0px;
          height: 0px;
          border-style: solid;
          border-color: #d93660 transparent transparent transparent;
          border-width: 18px 15px;
          left: 50%;
          margin-left: -15px;
          bottom: -32px; }
      .zuopinzhanshi .c7_btns_wrap .c7_btns_list li:last-child {
        margin-right: 0; }
  .zuopinzhanshi .c7_cont_wrap {
    margin-bottom: 77px;
    }
    .zuopinzhanshi .c7_cont_wrap .c7_cont_item {
      display: none; }
      .zuopinzhanshi .c7_cont_wrap .c7_cont_item p {
        font-size: 20px;
        color: #6d6d6d;
        text-align: center;
        margin-bottom: 35px; }
        .zuopinzhanshi .c7_cont_wrap .c7_cont_item p span {
          font-size: 24px;
          margin-bottom: 30px;
          color: #d93660;
          padding-bottom: 3px;
          display: inline-block;
          position: relative; }
          .zuopinzhanshi .c7_cont_wrap .c7_cont_item p span:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 1px;
            background: #d93660;
            left: 50%;
            margin-left: -50%;
            bottom: 0; }
      .zuopinzhanshi .c7_cont_wrap .c7_cont_item:nth-child(1) {
        display: block; }
      .zuopinzhanshi .c7_cont_wrap .c7_cont_item .c7_cont_scroll {
        height: 600px;
        width: 1200px;
        margin: 0 auto;
        position: relative; }
        .zuopinzhanshi .c7_cont_wrap .c7_cont_item .c7_cont_scroll ul {
          height: 100%;
          width: 10000px;
          position: absolute;
          z-index: 1;
          left: -1200px; }
          .zuopinzhanshi .c7_cont_wrap .c7_cont_item .c7_cont_scroll ul li {
            width: 1200px;
            height: 100%;
            float: left; }
        .zuopinzhanshi .c7_cont_wrap .c7_cont_item .c7_cont_scroll:before {
          content: "";
          display: block;
          position: absolute;
          width: 400px;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          top: 0;
          left: 50%;
          margin-left: -1000px;
          z-index: 2; }
        .zuopinzhanshi .c7_cont_wrap .c7_cont_item .c7_cont_scroll:after {
          content: "";
          display: block;
          position: absolute;
          width: 400px;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          top: 0;
          left: 50%;
          margin-left: 600px;
          z-index: 2; }


.box-kecheng{ /*padding-top: 50px;*/}
.box-kecheng .kc-bt{position:relative;font-size: 36px;text-align: center;margin-bottom: 80px;color: #36373c;width: 670px;height: 70px;line-height: 121px;/* background: url(http://assets.kgc.cn/upload/image/20190302/1551493007510797.png) no-repeat; */background-size: 787px 121px;margin: 0 auto 50px;}
   .box-kecheng .kc-bt:before{content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 67px;
    left: -89px;
    background: url(../img/icon/banner33.png) no-repeat center top;}

.box-kecheng .kc-bt:after {
    content: "";
    display: block;
    position: absolute;
    width: 41px;
    height: 40px;
    top: 27px;
    right: -55px;
    background: url(../img/icon/banner44.png) no-repeat center top;
}
.box-kecheng .kc-bt1{font-size: 22px;text-align: center;color: #666;margin-bottom: 20px}
.box-kecheng .kc-bt2{background: url(../img/icon/banner44.png) no-repeat center top;width: 500px;margin: 10px auto;}
.box-kecheng .kc-list{/* height: 700px; */}
.box-kecheng .kc-list1{background: background-image: linear-gradient(154deg, #FF9A44 0%, #FC6076 100%);background-image: linear-gradient(180deg, #5e7df1 0%,#9641f3 50%, #ff6642 100%); }
.box-kecheng .kc-list2{    background:#3fd0d8;  }
.box-kecheng .kc-list3{    background:#5bf1b4;  }
.box-kecheng .kc-list4{    background:#f5943f;  }
.box-kecheng .kc-list5{    background:#5b88f1;   }
.box-kecheng .kc-list6{    background:#5bf1b4;  }
.box-kecheng .kc-list7{    background:#f5943f;   }
.box-kecheng .kc-list8{    background:#5b88f1;  }
.box-kecheng .kc-list .kc-warp{/*width: 1160px;*/margin: 0px auto;}
.box-kecheng .kc-list .kc-warp .xian{background:url(../img/icon/xian.png) no-repeat center top;height:340px;  }
.box-kecheng .kc-list .kc-warp>h2{font-size: 34px;text-align: center;padding-top: 50px;color: white;letter-spacing: 6px;font-weight: normal;}
.box-kecheng .kc-list .kc-warp>p{font-size: 16px;text-align: center;color: #d2d2d2;padding-bottom: 17px;}
.box-kecheng .kc-list .kc-warp .kc-list-a{font-size: 18px;text-align: left;line-height: 34px;width: 1000px;margin: 10px auto 30px;color: #ebf0f5;}
.box-kecheng .kc-list .kc-warp .kc-list-img{width: 1080px;height: 265px;margin: 0 auto 20px;}
.box-kecheng .kc-list .kc-warp .kc-list-img>div{width: 340px;float: left;height: 250px;margin-left: 16px;border-radius: 9px;overflow: hidden;}
.box-kecheng .kc-list .kc-warp .kc-list-img>div:hover img{ -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;transform:scale(1.1); -webkit-transform:scale(1.1);}
.box-kecheng .kc-list .kc-warp .kc-list-img>div>img{width: 340px;/* margin-left: 10px; */height: 250px;}
.parallax {
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    overflow: hidden;
}
.editorial {
    display: block;
    width: 100%;
    height: 150px;
    margin: 0;
}
.parallax > use{
  animation: move-forever 4s linear infinite;
}
.parallax > use:nth-child(1){animation-delay:-2s}
.parallax > use:nth-child(2){animation-delay:-4s; animation-duration:5s}

@keyframes move-forever{
  0%{transform: translate(-90px , 0%)}
  100%{transform: translate(85px , 0%)} 
}

 

 /*slider*/
#slider{width:100%;/* background-color:#28292b; */padding-top:8px;}
.slider_box{width:1080px;margin:0 auto;height: 634px;overflow: hidden;position: relative;}
.silder_tip{width: 92px;height: 92px;overflow: hidden;position: absolute;top: 0;right: 0;z-index:1; text-indent:-999px;/*background:url(../images/tip-tt.gif) no-repeat;*/}
#movie_tip{background-position: -93px 0;}
.silder_con{height:500px;overflow: hidden;position: absolute; }
.silder_panel{width:1080px;height:500px;overflow: hidden;float: left;position: relative;/*background: #111;*/}
.silder_panel>a{    width: 350px;  height: 416px;  float: left;}
.silder_panel img{width:350px;height:416px; overflow: hidden;}
.silder_intro{    width: 310px; height: 500px; line-height: 20px;   overflow: hidden;  color: #999;  padding-top:50px;  float: left;  margin-left: 40px;}
.silder_intro h3{padding:10px 0;height:50px;color: #eaeaea;font-size: 27px;line-height: 30px;overflow: hidden;}
.silder_intro h3 a{font-size:36px;    color: #e9eef3;}
.silder_intro h3 strong{ font-size: 24px;height:30px;overflow: hidden;font-weight: normal;display: block;}
.silder_intro h3 strong a{color: #f5eeee;font-weight:bold;}
.silder_intro ul{height: 60px;overflow: hidden;}    
.silder_intro li{height: 20px;overflow: hidden;/*color:#787878;*/}
.silder_intro li a{color:#787878; margin:0 6px;}
.silder_intro span{ margin: 0 10px 0 0;}
.silder_intro p{
    overflow: hidden;
    color: #e4e4e4;
    margin-top: 10px;
    line-height: 26px;
    font-size: 14px;
    }
.silder_play{display: block;width:136px;height:30px;overflow: hidden;text-indent: -999px;position: absolute;bottom: 13px;right: 45px; }    
.silder_play:hover{ background-position: 0 0;}
.silder_nav{margin: auto;width: 1060px;height: 110px;top: 472px;left: 232px;position: absolute;overflow: hidden;}
.silder_nav li{float: left;padding:0px;border:2px solid #257e98;margin: 8px 36px;border-radius: 50%;}
/*.silder_nav li.current{border:3px solid #7acf39; margin:0 4px;}*/
.silder_nav li:first{margin-left: 174px}
.silder_nav li {display: block;width:100px;height:100px;overflow: hidden;}
 .silder_nav img{display: block;width:100px;height:100px;overflow: hidden;margin: 0 auto;}
.slider_box a.prev,.slider_box a.next{display: block;width:45px;height:100px;overflow:hidden;text-indent: -999px;position: absolute;cursor: pointer;margin: 250px 0 0 0; }  
.slider_box a.prev{left:0;background-position: left 0;}
.slider_box a.next{right:0;background-position: right 0;}
.silderBox{height:8px; line-height:8px;}
.f_l{margin-left: 50px;}
.f_r {
    float: right;
}
.exp-back{
    background: rgb(241, 241, 241);
    width: 286px;
    height: 10px;
    margin-top: 9px;
    margin-bottom: 36px;
}
.exp-line{
    /* line copy 3: */
    display: block;
    background-image: linear-gradient(90deg, #FF628D 0%, #FE4739 88%);
    box-shadow: 0 2px 4px 0 rgba(253,86,109,0.53);
    height: 10px;
    width: 280px;
}
.experience{    float: right;  padding-top: 92px;}
.experience>ul>li>div{color: #f5f5f5}



.design2_box {
    width: 100%;
    height: 802px;
    background: #FFFFFF;
}

.design2 {
    width: 100%;
    height: 800px;
    background: url(../img/icon/uibanner2.png) no-repeat; 
    padding-top: 2px;
}

.design2_tit {
        text-align: center;
        font-size: 46px;
        font-weight: bold;
        line-height: 122px;
        letter-spacing: 6px;
        color: #3455ff;
        /* text-shadow: -3px -2px 2px #a3acc3; */
}
.design2_tit >h2{
    margin-top: 55px;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    line-height: 63px;
    letter-spacing: 6px;
    color: #291515;
    display: inline-block;
    position: relative;
    }

  .design2_tit >h2:before  {    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0px;
    left: -89px;
    background: url(../img/icon/banner33.png) no-repeat center top;}

      .design2_tit >h2:after{    content: "";
    display: block;
    position: absolute;
    width: 41px;
    height: 40px;
    top: 27px;
    right: -55px;
    background: url(../img/icon/banner44.png) no-repeat center top;}

.design2_con {
    width: 1132px;
    height: 412px;
    margin: 50px auto 0;
}
   .design2_con >ul {height: 460px;}
.design2_con li {
    width: 326px;
    height: 412px;
    float: left;
    margin-left: 72px;
}
.design2_con>.banniu{    
    width: 289px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    animation: 2s tag linear infinite; 
    border-radius: 30px;
    text-align: center;
    background: linear-gradient(154deg,#46c8ff 0%, #2b7afd 100%);
    color: #fff;
    margin: 30px auto;
    overflow: hidden;}
    .design2_con>.banniu:hover{background:#954bfc}
.design2_con>.banniu>a{color: #fff}
.design2_con>.banniu :after {content: "";background: #d8e0fd;position: absolute;width: 300px;height:243px;left: 0px;left: 0;top: 0;bottom: 0;opacity: 0;margin: auto;border-radius: 50%;transform: scale(1);animation: 2s btn ease-in-out infinite;}

.design2_con li:nth-child(1) {
    margin-left: 0px;
}
.d_content {
    width: 326px;
    height: 412px;
    float: left;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 50px 10px #eaebf3;
    position: relative;
    top: 0;
    left: 0;
    /* background: linear-gradient(154deg,#b107ff 0%, #793eff 100%); */
}
.d_contenta{    background: linear-gradient(154deg,#f79ac0 0%, #ef2f3d 100%);}
.d_contentb{      background: linear-gradient(154deg,#7cd9fd 0%, #508df7 100%);}
.d_contentc{    background: linear-gradient(154deg,#c863f7 0%, #793eff 100%);}
.de2_ico {
    width: 113px;
    height: 113px;
    margin: 58px auto 36px;
}
.de2_ico img {
    width: 100%;
}
.design2_con .div_word1 {
    font-size: 20px;
    font-weight: bold;
    color: #fff6f6;
    text-align: center;
}
.design2_con .div_word2 {
    padding-top: 68px;
    line-height: 28px;
    color: #dfdfdf;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}
.d_content:hover{animation:dt .6s linear both;}
@-webkit-keyframes dt{from{height:412px;position:relative;top:0;left:0;}to{height:440px;position:relative;top:-19px;left:0;}}
.ajyxy{padding-bottom:80px}

.ajyxy h2 {
    font-size: 36px;
    line-height: 46px;
    color: #000;
    font-weight: normal;
    margin-bottom: 30px;
    position: relative;
    width: 436px;
    height: 86px;
    margin: 0 auto;
}
.ajyxy p{
    font-size: 17px;
    line-height: 34px;
    color: #5f5c5c;
    font-weight: normal;
    margin-bottom: 30px;
    /* position: relative; */
    width: 900px;
    margin: 0 auto 50px;
}
   .ajyxy  h2:before {
         content: "";
         display: block;
         position: absolute;
         width: 80px;
         height: 80px;
         top: 19px;
         left: -89px;
         background: url(../img/icon/banner33.png) no-repeat center top;
         }
    .ajyxy  h2:after {
         content: "";
         display: block;
         position: absolute;
         width: 41px;
         height: 40px;
         top: -17px;
         right: -55px;
         background: url(../img/icon/banner44.png) no-repeat center top;
         }


.ulf{width: 1060px;margin:0px auto;height: 274px;}
.fl{float: left;}
.ulf .si{width: 338px;height: 252px;margin-right: 22px;position: relative;}
.ulf .sii{float: right;position: relative;}
.ulf .si img,.ulf .sii img{width: 338px;height: 252px;}
/* .ulf .si img:hover,.ulf .sii img:hover{ box-shadow:0 0 10px #252829; }*/
.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: 54px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    transition:0.3s;
}
 .sii h3{
    width: 100%;
    height:54px;
    position: absolute;
    left: 0;
    bottom: 0px;
    text-align: left;
    transition:0.3s;
}
.si:hover h3 {
    width: 100%;
    height:70px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    transition:0.3s;
}
 .sii:hover h3{
    width: 100%;
    height:70px;
    position: absolute;
    left: 0;
    bottom: 0px;
    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: #fff;
    font-size: 14px;
    width: 338px;
    position: absolute;
    left: 15px;
    top: 16px;
    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) { 
.box-kecheng .kc-list .kc-warp{width: 1240px;margin: 0px auto;}
.box-kecheng .kc-list .kc-warp>h2{font-size: 34px;text-align: center;padding-top: 50px;color: white;letter-spacing: 6px;}
.box-kecheng .kc-list .kc-warp>p{font-size: 16px;text-align: center;color: #d2d2d2;padding-bottom: 17px;}
.box-kecheng .kc-list .kc-warp .kc-list-a{font-size: 18px;text-align: left;line-height: 34px;width: 1240px;margin: 10px auto 45px;color: #ebf0f5;}
.box-kecheng .kc-list .kc-warp .kc-list-img{width: 1240px;height: 265px;margin: 0 auto;}
.box-kecheng .kc-list .kc-warp .kc-list-img>div{width: 389px;float: left;height: 250px;margin-left: 16px;border-radius: 9px;overflow: hidden;}
.box-kecheng .kc-list .kc-warp .kc-list-img>div>img{width: 389px;/* margin-left: 10px; */height: 250px;}

 

}