*{padding:0; margin:0;}
li{list-style:none;}
a{text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.rel{position: relative;}
.absl{position: absolute;left: 0;top: 0;}
.absr{position: absolute;right: 0;top: 0;}
.abslt{position: absolute;left: 0;bottom: 0;}
.absrt{position: absolute;right: 0;bottom: 0;}
input{ outline:none;}
body{min-width:1240px;} 
body{font-family: 'Microsoft YaHei',sans-serif;color: #1a323e;}
.wrap{width: 100%;overflow: hidden;text-align: center;}
.main{width: 1160px;margin: 0 auto;}
 
#BizQQWPA1{background:url( /img/gif.png); position:fixed; right:2px; width:110px; height:154px; top:130px; cursor:pointer;z-index: 998;}
 a{cursor:pointer;}
 .part1-1{ background: #f2f2f2;padding-bottom: 50px;}
    .nzXsk{
 background: #f2f2f2;
  /*  padding-top: 25px;*/
    padding-bottom: 45px;
    width: 1208px;
    height: 667px;
    margin: 0 auto;
}
.nzXsk .base > img{
  float: left;
  height: 212px;
}
.nzXsk .base > div{
  height: 304px;
  width: 235px;
  background: #fff;
  box-sizing: border-box;
  padding-top: 13px;
  float: left;
  margin-left: 6px;
  margin-bottom: 7px;
  position: relative;
}
/*.nzXsk .base > div:nth-child(4),.nzXsk .base > div:nth-child(9){
  margin-left: 0px;
}*/
.nzXsk .base > div > span{
  display: block;
  margin: 0 auto 17px;
  width: 124px;
  height: 154px;
  border-radius: 8px;
 
  box-sizing: border-box;
  text-align: center; 
  padding-top: 6px;
  position: relative;
  z-index: 1
}
.nzXsk .base > div > span>img{
 
  width: 124px;
  height: 124px;
 
}
.nzXsk .base > div > h3{
  font-size: 14px;
  color: #666;
  text-align: center;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}
.nzXsk .base > div > h4{
  position: relative;
  z-index: 1;
  font-size: 14px;
  line-height: 28px;
  color: #999999;
  text-align: center;
}
.nzXsk .base > div > h3 span{
  display: block;
  font-size: 17px;
  color: #0a0a0a;
  
}
.nzXsk .base > div > a{
     display: block;
    width: 147px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #cb2827;
    text-align: center;
    line-height: 28px;
    box-sizing: border-box;
    font-size: 14px;
    color: #f2bd12;
    margin: 10px auto 0;
    position: relative;
    z-index: 1;
}
.nzXsk .base > div >p{
  display: block;
  width: 235px;
  height: 304px;
  position: absolute;
 
  top: 0;
 
  display: none;
 background: #f3e9e9;
}
.nzXsk .base > div:hover p{
  display: block;
}
.nzXsk .base > div:hover > a{
     color: #fbf9f2;
    background: #cb2827;
}

/*.head{width: 100%;height: 70px;background: #3acda8; background: linear-gradient(to right, #23cebc,#4ecd96);}
.head .main{width: 974px;padding-top: 20px;}
.head h1{background: url(../img/logo.png) no-repeat;width: 104px;height: 32px;margin-right: 12px;}
.head h1 a{display: block;width: 100%;height: 100%;text-indent: -99em;}
.head div.fl{font-size: 18px;color: #fff;border-left: 2px solid #fff;height: 30px;padding-left: 12px;line-height: 30px;}
.head div.fr{font-size: 18px;color: #fff;height: 30px;line-height: 30px;}
.nav .main{width: 850px;padding: 16px 0;font-size: 18px;}
.nav .main ul{height: 20px;}
.nav .main li{transition: 0.3s;border-left: 1px solid #1a323e;border-right: 1px solid #1a323e;width: 140px;transition: 0.3s;}
#sec{left: 141px;}
#thr{left: 282px;}
#fou{left: 423px;}
#fiv{left: 564px;}
#six{left: 705px;}
.nav .main a{color: #343434;display: block;width: 140px;transition: 0.3s;}
.nav .main li.on{transition: 0.3s;border-left: 1px solid #4ccd97;border-right: 1px solid #4ccd97;z-index: 2;}
.nav .main li.on a{color: #4ccd97;transition: 0.3s;}*/
.banner a{width: 100%;height: 640px;background: url(../img/banner33.jpg) no-repeat top center;display: block;}

.banner1{width: 100%;height: 100%; }
.part1 h2,.part1 h3{font-size: 40px;}
.part1 h2{color: #f7f7f8;padding-top: 34px;}
.part1 h3{margin: -30px 0 16px;}
.part1 h3 span{color: #cb2827;}
.part1 .line{width: 350px;height: 2px;background: #f7be00;margin: 0 auto 16px;}
.part1 .line div{width: 50px;height: 100%;background: #fff30e;animation: toLeft 2s linear infinite;}
.part1 .txt{font-size: 24px;padding-bottom: 58px;}
.part1 .main1{width: 1024px;}
.part1 .main1 ul{margin-left: 20px;}
.part1 .main1 li{width: 200px;height: 280px;margin-right: 62px;background: #f3f5f4;}
.part1 .main1 li.last,.p6 .main .last,.part7 .main .last{margin-right: -20px;}
.part1 .main1 li h4{font-size: 24px;color: #fff;background: url(../img/min1.png) no-repeat;width: 98px;height: 38px;font-weight: normal;margin-left: 50px;transition: 0.8s;}
.part1 .main1 p{font-size: 22px;padding-top: 12px;}
.part1 .main1 h5{background: url(../img/max1.png) no-repeat;width: 240px;height: 190px;font-weight: normal;transition: 0.8s;left: -20px;}
.part1 .main1 h5 p{font-size: 18px;color: #fff;padding: 0 12px;text-align: justify;line-height: 32px;padding-top: 30px;}
.part1 .main1 i{color: #1d0bff;/* font-weight: bold; */}
.part1 .main1 .even h4{background: url(../img/min2.png) no-repeat;}
.part1 .even{margin-top: 30px;}
.part1 .even h5{background: url(../img/max2.png) no-repeat;}
.btn{background: #cb2827;width: 307px;height: 60px;margin: 60px auto 40px;display: block;font-size: 24px;line-height: 56px;color: #f2f5f4;}

/*.btn p{background: linear-gradient(to right, #29ceb8, #4bcd99);background-clip: border-box;-webkit-background-clip: text;color: transparent;}*/
.btn p{text-align: center; transition: 0.5s;}
.btn img{left: 10%;top: 21px;transition: 0.5s; display:none}
.btn:hover img{left:80%;transition: 0.5s;}
.btn:hover {transition: 0.5s;background: #f2bd12;}
.fipo{position: relative;width: 920px;margin: 0 auto;z-index: 9999;  }
.fipb{ width: 913px; margin: 0 auto; padding-top: 5px; background: url( /img/dbvip6.png); height: 64px; position: fixed; bottom: 0px; }
.biaodan{width: 900px;margin: 0 auto;}
.bdfr{width: 619px;float: right;  padding-top: 8px;}
.input_wrapa{width: 176px;display: inline-block;height: 60px;margin-right: 13px;}
.input_wrapb{width: 150px;display: inline-block;height: 31px;margin-right: 41px;}
.input_wrapc{width: 200px;display: inline-block;height: 60px;}
.input_wrapa input{    height: 40px; width: 172px; background: #ffffff; border: none; text-align: center; border-radius: 5px;}
.input_wrapb input{    height: 40px;  width: 172px;  background: #ffffff; border: none;  text-align: center;  border-radius: 5px;} 
#submit { cursor: pointer; font-size: 17px;  font-weight: bold; border-radius: 5px; background-color: #ffffff;  width: 180px;  height: 35px; text-align: center;  line-height: 35px; color: #0a0909; }
#submit:hover{background:#fff;color:#000;font-size:18px;}


.cont1 {
    background: url(../img/0215.jpg) no-repeat center bottom;
    height: 889px;
}
 
.lala{width: 1000px;margin: 30px auto;}
.lala .tab_box{width: 1000px;height: 470px;}
.lala .tab_box li{width:1000px;height: 450px;}
.lala .tab_menu{margin-top:30px;}
.lala .tab_menu li {margin-top: 5px;font-family: 'SourceHanSansCN-Bold';width: 258px;height: 50px;background: #f2bd12;color: #ecdada;font-size: 20px;border-radius: 81px;text-align: center;line-height: 47px;margin-right: 48px;float: left;}
.lala .tab_menu li.current{background: #cb2827;color: #fff;font-family: 'SourceHanSansCN-Bold';}
.tab_box .hide{display:none;}


.shipin1{width: 1000px;height: 500px;}
.shipinli{position: relative;width: 1100px;height: 500px}
.shipinda{width: 680px;height: 450px;position: absolute;left: 0}
 .shipinsm{    width: 299px;
    height: 450px;
    position: absolute;
    padding: 138px 10px 10px 10px;
    font-size: 20px;
    line-height: 40px;
    right: 0;
    
    color: #3e3737;
    transition: 0.5s;}
 .shipinan{width: 255px!important;}
 .management-module section {
    flex: 1;
    height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(59, 68, 90, .8);
    cursor: pointer;
    padding: 0 18px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}



 .management-module {
    margin-top: 25px;
    display: flex;
    width: 1160px;
    margin: 0 auto;
}

 .management-module section {
    flex: 1;
    height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(59, 68, 90, .8);
    cursor: pointer;
    padding: 0 18px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

 .management-module section div {
    width: 290px;
    height: 420px;
    background: rgba(49, 39, 39, 0.88);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

 .management-module section:nth-of-type(1) {
    background: url('../img/teachingicon42.png') no-repeat;
    background-size: 290px 429px;
}

 .management-module section:nth-of-type(1):hover div {
    background: rgba(203, 40, 39, 0.8);
}

 .management-module section:nth-of-type(2) {
    background: url('../img/teachingicon31.png') no-repeat;
    background-size: 306px 420px;
}
 .management-module section:nth-of-type(2):hover div {
    background: rgba(249, 214, 2, 0.8);
}

 .management-module section:nth-of-type(3) {
    background: url('../img/teachingicon44.png') no-repeat;
    background-size: 306px 420px;
}
 .management-module section:nth-of-type(3):hover div {
    background: rgba(77, 153, 203, 0.8);
}

 .management-module section:nth-of-type(4) {
    background: url('../img/teachingicon47.png') no-repeat;
    background-size: 306px 420px;
}
 .management-module section:nth-of-type(4):hover div {
    background: rgba(71, 193, 168, 0.8);
}
 .management-module section:nth-of-type(5) {
    background: url('../img/management5.jpg') no-repeat;
    background-size: 244px 420px;
}

 .management-module section i {
    width: 24px;
    height: 4px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    margin-top: 29px;
    z-index: 1;
    opacity: 1;
    display: block;
    color: transparent;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

 .management-module section p {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    line-height: 26px;
    margin-top: 35px;
    z-index: 1;
    font-weight: bold;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

 .management-module section img {
    z-index: 1;
    margin-top: 126px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

 .management-module section article {
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    margin-top: 34px;
    z-index: 1;
    opacity: 0;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

 .management-module section span {
    font-size: 12px;

    color: rgba(255, 255, 255, 1);
    line-height: 26px;
    z-index: 1;
    margin-top: 14px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

 .management-module section a {
    width: 120px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 1);
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    line-height: 36px;
    z-index: 1;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
    margin-top: 40px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}


 .management-module section:hover article {
    opacity: 1;
    margin-top: -10px;
}

 .management-module section:hover a {
    opacity: 1;
}

 .management-module section:hover i {
    opacity: 0;
}

 .management-module section:hover span {
    opacity: 0;
}

 .management-module section:hover p {
    margin-top: -1px;
}

 .management-module section a:hover {
    background: #fff;
    color: #5777AC;
}

 .management-module section:hover img {
    margin-top: 53px;
}

  {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

  .interview-module {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 25px;
}

  .interview-module section {
    margin-bottom: 20px;
    padding: 10px;
    box-sizing: border-box;
}

  .interview-module .small {
    width: 540px;
    height: 320px;
    background: #fff;
}

  .interview-module .big {
    width: 660px;
    height: 320px;
    background: #fff;
}


 .management-module section {
    flex: 1;
    height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(59, 68, 90, .8);
    cursor: pointer;
    padding: 0 18px;
    margin: 10px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
 
  @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);
  }
}




.p2{ width: 100%; }
.p2 h2{color: #edefee;}
.p2 .txt{padding-bottom: 40px;}
.p2 .line{background: #f7be00;}
.p2 h4{font-size: 24px;color: #fff;width: 250px;height: 60px;line-height: 60px;background: linear-gradient(to right,#5c11d0,#ab29e9);border-radius: 30px;font-weight: normal;display: none;}
.p2 .top{margin-bottom: 30px;}
.p2 .top p{font-size: 18px;color: #a2a9ac;line-height: 60px;/* margin-left: 48px; *//* text-align: center; */}
.p2 .top img{margin: 26px 0 0 30px;}
.p2 ul .bg{box-shadow:0px 5px 10px 0px rgba(33,33,33,0.1);border-radius: 6px;}
.p2 ul img.absr{top: 8px;right: 8px;animation: wobble 1s linear infinite;}
.p2 ul li{margin:0 20px 40px 0;}
.p2 ul li p{width: 220px;height: 37px;line-height: 36px;color: #fff;font-size: 20px; border-radius: 30px;margin: -16px auto;z-index: 2;}
 
.p2 ul li:nth-of-type(1) p{background: #f7be00}
.p2 ul li:nth-of-type(2) p{background: #4d99cb}
.p2 ul li:nth-of-type(3) p{background: #47c1a8}
.p2 ul li:nth-of-type(4) p{background: #f98700}
.p2 ul li:nth-of-type(5) p{background: #d6d606}
 .p2 ul li:nth-of-type(6) p{background: #88cb5a}
.p2 ul li:nth-of-type(7) p{background: #9654b6}
.p2 ul li:nth-of-type(8) p{background: #f26d7e}
.p2 ul li:nth-of-type(9) p{background: #0073dd}
.p2 ul li:nth-of-type(10) p{background: #a3abbe}
 .p2 ul li p:hover{background: #f22e12;transition: 0.5s;}

.p2 ul li.last{margin-right: -20px;}
.p2 ul .bgC{background: #e74441;}
.p2 ul .wid{width: 134px;}
.pbg{background: url(../img/bg1.jpg) no-repeat;height: 530px;}
.pbg .main .top{padding-top: 30px;}


.p3 .main{background: url(../img/bg.png) no-repeat;width: 1012px;height: 438px;}
.p3 .main p{color: #fff;}



/*.p3 .pos2,.p3 .pos5{font-size: 34px;}
.p3 .pos8,.p3 .pos7,.p3 .pos11{font-size: 12px;}
.p3 .pos9,.p3 .pos10,.p3 .pos6{font-size: 14px;}
.p3 .pos1,.p3 .pos3,.p3 .pos2,.p3 .pos8,.p3 .pos9,.p3 .pos10{opacity: 0.8;filter:alpha(opacity=80);animation: opa1 2.5s linear infinite;}
.p3 .pos4,.p3 .pos5,.p3 .pos6,.p3 .pos7,.p3 .pos11{animation: opa2 2.5s linear infinite;}
.p3 .pos1{font-size: 40px;left: 66px;top: 146px;}
.p3 .pos2{left: 260px;top: 350px;}
.p3 .pos8{left: 410px;top:56px;}
.p3 .pos9{left: 368px;top:288px;}
.p3 .pos10{left: 70px;top:350px;}
.p3 .pos3{font-size: 30px;left: 280px;top: 210px;}
.p3 .pos11{left: 120px;top:236px;}
.p3 .pos4{font-size: 32px;left: 310px;top: 110px;}
.p3 .pos5{left: 148px;top: 276px;}
.p3 .pos6{left: 214px;top:84px;}
.p3 .pos7{left: 424px;top:166px;}
.p3 ul{left: 590px;top: 118px;}
.p3 ul li{background: url(../img/cir.png) no-repeat left 3px;height: 90px;width: 330px;text-align: left;}
.p3 ul.absl li p{padding-left: 42px;color: #1a323e;font-size: 20px;line-height: 38px;}
.p3 ul li span{color: #23cebc;font-size: 24px;}
.p3 .btn{width: 275px;background: url(../img/bor1.png) no-repeat;}
.p3 .btn:hover img{left:83%;transition: 0.5s;}*/
/*.p4{background: url(../img/bg2.jpg) no-repeat;width: 100%;height: 977px;}
.p4 .main{height: 522px;}
.p4 .main .opa{width: 100%;height: 100%;background: #fff;opacity: 0.55;alpha(opacity=55);border-radius: 4px;}
.p4 .eng1{left: 40px;top: 30px;}
.p4 img.absr{right: 26px;top: 32px;}
.p4 .con{left: 116px;top: 56px;}
.p4 .con,.p4 .swiper-slide div{width: 465px;height: 316px;overflow: hidden;}
.p4 h4{width: 100px;height: 14px;background: #cff2ee;font-size: 30px;font-weight: normal;margin-top: 20px;border: 1px solid #cff2ee;}
.p4 h4 p{margin-top: -26px;}
.p4 .tit{text-align: left;font-size: 24px;padding: 18px 0 28px;}
.p4 .tit2{text-align: left;font-size: 20px;line-height: 30px;}
.p4 .tit3{font-size: 18px;}
.p4 .tit2 span{color: #23cebc;}
.p4 .swiper-slide a{width: 200px;height: 48px;border-radius: 10px;background: #f79f38;display: block;color: #fff;line-height: 48px;font-size: 26px;margin-top: 26px;}
.p4 .bBox{left: 22px;bottom: -20px;height: 155px;}
.p4 .bBox li,.p4 .bBox li b{width: 155px;height: 155px;border-radius: 8px;background: #1a323e;margin-right: 6px;overflow: hidden;}
.p4 .bBox li b{background: #fff;left: -155px;transition: 0.5s;}
.p4 .bBox li.on{background: #fff;transition: 0.5s;}
.p4 .bBox li.on b{left: 0px;transition: 0.5s;}
.p4 .bBox li img{border-radius: 8px;}
.p4 .tBox{right: 70px;bottom:134px;width: 344px; height: 359px;overflow: hidden;}
.p4 .tBox img{bottom: -360px;transition: 0.5s;}
.p4 .tBox .act{bottom: 0;transition: 0.5s;}*/
.p5{ height: 823px;width: 100%;}
.p5 h2{color: #ececec;}
.p5 h3,.p5 .txt{color: #666;}
.p5 .line{background: #f7be00;}
.p5 .outer{width: 638px;height: 358px;border: 1px solid #238582;border-radius: 50px 0 0 0;}
.p5 .outer .outer{top: -10px;left: 10px;order: 1px solid #23cebc;overflow: hidden;}
.p5 .vBox{width: 640px;height: 360px;top: -360px;transition: 0.5s;}
.p5 .vBox video,.p5 .vBox img.absl{display: none \9;}
.p5 .vBox .com{display: none;display: block \9;}
.p5 .vBox img{left: 282px;top: 146px;cursor: pointer;}
.p5 .outer .on{top: 0;transition: 0.5s;}
.p5 .conbox{width: 433px;height: 333px;background: url(../img/bg1.png) no-repeat;top: 38px;}
.p5 h4{font-size: 30px;color: #fffc05;padding: 50px 28px 28px;}
#swiper2{width: 433px;height: 333px;}
#swiper2 p{font-size: 18px;color: #fff;padding: 0 44px;text-align: justify;line-height: 34px;}
.p5 .conbox .abslt{background: url(../img/btn.png) no-repeat;width: 70px;height: 30px;left: -36px;z-index: 999;}
.p5 .conbox .abslt div{width: 34px;height: 30px;cursor: pointer;}
.p6 .main{width: 1100px;height: 260px;}
.p6 .main li{width: 253px;/* height: 284px; */margin-right: 30px;}
.p6 .main li img{margin: 36px 0 50px;animation: tag1 2s linear infinite;}
.p6 .main li.od{background: url(../img/c1_bg1_1.png) no-repeat;background-size: 100%;}
.p6 .main li.evn{background: url(../img/c1_bg1_2.png) no-repeat;background-size: 100%;}
.p6 .main li p{font-size: 22px;}
.p6 .main span{font-size: 18px;}
.p6 .main h4{font-size: 16px;color: #fff;font-weight: normal;margin-bottom: 14px;}
.part7{ width: 100%;height: 550px;}
.part7 .main li,.part7 .main h4,.part7 .main b{width: 362px;height: 96px;}
.part7 .main li{background: #4a4d54;border-radius: 10px;line-height: 96px;overflow: hidden;box-shadow: 0px 5px 10px 5px rgba(33,33,33,0.4);margin-right: 38px;margin-bottom: 30px;}

.part7 .main i{width: 61px;height: 96px;font-size: 24px;color: #fff;}
 
.part7 .main p{width: 362px;font-size: 24px;color: #fbfbfb;}
.part7 .last p{font-size: 22px;}
.part7 .main h4,.part7 .main b{font-weight: normal;}
.part7 .main b{background: #212527; }
.part7 .main a{width: 180px;height: 44px;border-radius: 30px;background: #f2bd12;font-size: 21px;color: #fff;line-height: 42px;top: 22px;left: 85px;}
.part7 .main .right i{background: url(../img/cir6.png) no-repeat;}
.part7 .main h4{top: -362px;transition: 0.6s;}
.part7 .main h4.act{top: 0;transition: 0.6s;}
/*.p8{position: fixed;bottom: 0;left: 0;background: url(../img/bg7.jpg) no-repeat center;height: 80px;width: 100%;z-index: 999; }
.p8 .mesg{width: 1000px;margin: 0 auto;height: 100%;}
.p8 .mesg img{top: -148px;left: -130px;}
.p8 .mesg form{margin:26px 0 0 140px;}
.p8 .mesg .bor{width: 138px;height: 38px;border: 1px solid #fff;margin-right: 10px;}
.p8 .mesg .bor img{margin: 8px 8px 0 10px;}
.p8 .mesg .bor input{width: 100px;height: 100%;border: none;background: none;font-size: 16px;color: #fff;}
.p8 .mesg .bor .two{margin-top: 5px;}
.p8 .mesg .bor2{width: 191px;}
#phoneCode{width: 52px;}
#getcode{width: 96px;border-left: 1px solid #fff;height: 28px;line-height: 28px;padding-left: 4px;margin-top: 5px;cursor: pointer;color: #fff;}
#submsg{background: url(../img/sub.png) no-repeat;width: 135px;height: 36px;border: none;cursor: pointer;}
.p8 .mesg .bor input::-webkit-input-placeholder{color: #fff;}
.p8 .mesg .bor input::-moz-placeholder,.ly_top input::-moz-input-placeholder{color: #fff;}
.p8 .mesg .bor input::-ms-input-placeholder,.ly_top input::-ms-input-placeholder{color: #fff;}
.foot{font-size: 14px;background: #1a323e;color: #fff;padding: 20px 0 120px;}
*/
@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 zoomIn {
  0% {
    opacity: 0;
    transform: rotate(0);
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    transform: rotate(360deg);   
  }
}
@keyframes opa1{
  0%{
    opacity: 0.8;
  }
  50%{
    opacity: 0;
  }
  100%{
    opacity: 0.8;
  }
}
@keyframes opa2{
  0%{
    opacity: 0;
  }
  50%{
    opacity: 0.5;
  }
  100%{
    opacity: 0;
  }
}



@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}



@keyframes toLeft{
  0%{
    transform: translateX(30px);
  }
  50%{
    transform: translateX(270px);
  }
  100%{
    transform: translateX(30px);
  }
} 








@charset "UTF-8";
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(1000px);
    transform: scale(.1) translateY(1000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(1000px);
    -ms-transform: scale(.1) translateY(1000px);
    transform: scale(.1) translateY(1000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}








@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes fadeInDown {
  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);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@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);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}





.bg10{background: url( /chengche/images/bg100.png) no-repeat center center;height:802px;    position: relative;} 
.bg10>h3{    color: #5837af; opacity: 0.05;   letter-spacing: 32px; padding-top: 90px;  font-size: 98px;    font-weight: bold;text-align: center;} 
.bg10>h2{
    font-size: 50px;
    color: #5837af;
    margin: -104px auto;
    position: absolute;
    left: 50%;
    margin-left: -207px;
    }
.bg10 h2 img{position: absolute;}
.bg10 h2 .one{top:60px;left: -64px;}
.bg10 h2 .two{top:-22px;right:-75px;}
.bg10 b.line{width: 40px;height: 4px;background: #505050;display: block;margin: 10px auto 30px;}
.bg10 .txt{font-size: 24px;margin: 19px;text-align: center;}
.wrapper1{width: 740px;/* height: 740px; */margin: 0 auto;}


.zixun{width: 100%;margin-top: 30px;}
.zixun a,#submitItem{      width: 330px;
    margin-left: 200px;
    letter-spacing: 8px;
    height: 46px;
    border-radius: 6px;
    background: #612af3;color: #fff;line-height: 46px;font-size: 22px;text-align: center;}
   .zixun a:hover,#submitItem:hover {background: #0745c5;}


.zixun a{    margin-left: 72px;}
 
.form-item{margin-top: 10px!important;width:80%;margin: 0 auto;}
.form-element{ margin-left: 0px}
.form-item-over{background:none !important;} 
.form-label{width: 100%;display: inline;float: left;text-align: left;font-size: 16px;margin-bottom: 12px;}
.form-error-msg{display:none!important;}
.form-error{background:none!important;color:red;} 
.form-text{height:35px!important;outline:none!important;background-color:white;width: 100%;border-radius:0px;padding-left: 30px;text-indent: 4px;border:1px solid #CCC;}
.item-required{display:none!important;}
.form-item-error .form-label {color: #100002;}
input,textarea {outline:none!important;}  
.btn-submit{ color:#FFF;  width: 80%; height: 3rem;background-color: #ff4f54; text-align: center; line-height: 35px; color: #ffffff; border-radius: 5px;cursor: pointer;margin: 10px auto;font-size: 20px;}
#item_name .form-label{display:none!important;}
#item_mobile .form-label{display:none!important;}
.mobile .form-element {
    margin-left: 0%;
}
.mobile .form-text, .mobile .form-textarea {
    width: 100%;
}
.mobile .form-item {
    width: 80%;
    margin: 0 auto;
}
.mobile .form-label {
    width: 100%;
    text-align: left;
}
.item-option{
    float:left;
    height: 23px;
    margin: 3px 10px 3px 0;
    padding-left:10px;
    font-size: 16px;
}
select{
    width: 100%;
    height: 3rem;
    font-size: 16px;
    padding-left: 30px;
    border-color: #CCCCCC;
    color: #1d1d1d;
    outline: none;
    border-radius: 0px;
    background: #fff;
    border: 1px solid #ddd;
      appearance:none;
}

select::-ms-expand { display: none; }
input::-webkit-input-placeholder{

 font-size:14px;
}



.intro_jtList{width: 1120px;margin: 0 auto;}    
   
.intro_jtList .dl1{ background:url(/yuyueke/img/2.png) right top no-repeat; height:240px;  overflow:hidden; padding:17px 6px;}
.intro_jtList .dl2{ background:url(/yuyueke/img/3.png) right top no-repeat; height:240px;  overflow:hidden; padding:17px 6px;}
.intro_jtList .dl3{ background:url(/yuyueke/img/4.png) right top no-repeat; height:240px;  overflow:hidden; padding:17px 6px;}
.intro_jtList .dl4{ background:url(/yuyueke/img/5.png) right top no-repeat; height:240px;  overflow:hidden; padding:17px 6px;}
.intro_jtList dt{ width:350px; float:left; margin-right:24px;}
.intro_jtList dd{     position: relative;  top: 9px;  padding: 0px 58px; line-height: 25px;text-align: left; }
.intro_jtList dd span{ text-indent:59px; display:block;}
.intro_jtList strong{ font-weight:bold;}