@charset "utf-8";
* {
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 

html {
    overflow-x: hidden;
}

body {
    font-family: "Pingfang SC", Arial, "Microsoft yahei";
    font-size: 20px;
    margin: 0;
    padding: 0;
    min-width: 1200px;
    background: url(images/bg.jpg) no-repeat top center;
    background-size: cover;
    color: #9b9c9c;
    font-weight: 400;
    line-height: 32px;
    padding-top: 100px;
}
ul,li {
    display: block;
    padding:0; 
    margin:0;
    list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  color: #9b9c9c;
}
a:hover{color: #fff;}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;color: #727171;font-weight: 400;}
img{max-width: 100%;}

.flex{display: flex;align-items: center;justify-content: flex-start;}
.content {
  width: 80%;
  margin: 0 auto!important;
}
/*标题*/
input:focus,textarea:focus,button:focus{
   outline: none;
}
.center{text-align: center;}
.title{font-size: 48px;color:#9b9c9c;font-weight: 400;margin-bottom: 60px;}
.title h3{line-height: 72px;margin-bottom: 15px;font-size: 48px;}
.title img{width: 60%;display: block;margin:0 auto 25px;}
.title p{color: #9b9c9c;font-size: 20px;}
.pad50{padding: 120px 0;}
/*.zline{position: relative;}*/
/*.zline::after{border-bottom: solid 2px transparent;border-image:linear-gradient(to right,#11164c,#3d0943) 1 10;content: '';width: 80%;height: 2px;position: absolute;left: 10%;bottom: 0;}*/
/*.zline{border-bottom: solid 2px transparent;border-image:linear-gradient(to right,#11164c,#3d0943) 1 10;}*/
/*.zline{background: url(http://crimg.chuangruo8.com/image/border.png) no-repeat bottom;}*/
.content .tit{font-size: 54px;margin-bottom: 25px;line-height: 72px;}

.z_left{padding-top: 30px;}
.z_left{width: 44%;}
.z_right{width: 50%;}
/* .z_left,.z_right{width: 50%;} */

.jion.flex{align-items: flex-start;}

/*header*/
header{position: fixed;top: 0;left: 0;width: 100%;height: 90px;z-index: 9999;padding:10px 0;}
/*header{position: fixed;top: 0;left: 0;width: 100%;height: 110px;z-index: 9999;padding:20px 0;} */

header .content{justify-content: space-between;width: 100%;padding: 0 5%;}
header .logo {width: 25%;}
header .logo img{height: 66px;display: block;margin:0;}
/*header .logo img{height: 70px;display: block;margin:0;} */

header .nav{width:70%;display: flex;justify-content: center;padding-left: 5%;display: none;}
header .nav a{flex:1;text-align: center;}
header .meau{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;}
header .meau span{display: inline-block;width: 5px;height: 5px;background: #fff;border-radius: 50%;margin-left: 4px;}

.header.hActive{
    background: #000;
}
.header.active .nav{display: flex;}
.header.active .meau{position: relative;}
.header.active .meau span:nth-child(3){display: none;}
.header.active .meau span{width: 30px;height: 1px;border:none;position:absolute;left: 0;top: 17px;}
.header.active .meau span:nth-child(1){transform:rotate(45deg);}
.header.active .meau span:nth-child(2){transform:rotate(-45deg);}


/*banner*/
.banner{overflow: hidden;height:700px;position: relative;padding-top:0px;}
.banner .line{
  height: 700px;
  margin-top:50px;
  /*transform:scale(1.2);*/
}
.banner .line img{width: 100%;height: 100%;margin-top:-140px;}
/*
.banner .line img{width: 100%;height: 100%;margin-top:-170px;}
.banner .line img{width: 100%;height: 100%;margin-top:-100px;}*/

/*animation:bounceIn 5s infinite;*/
.banner .btxt{position: absolute;left: 0;width: 100%;height: 100%;top: 40px;z-index: 999;}
/*.banner .btxt{position: absolute;left: 0;width: 100%;height: 100%;top: 90px;z-index: 999;} */

.banner .content{position: relative;padding-top: 40px;}
.banner .yuan{
  width: 330px;display: block;margin: 0 auto;
  /*  width: 360px;display: block;margin: 0 auto;*/

}
.banner .yuan,.banner .zi{opacity: 100%;}
.banner .zi{
  width: 100px;position: absolute;left: 50%;margin-left: -55px;top: 0;
  /*width: 110px;position: absolute;left: 50%;margin-left: -55px;top: 0;*/


}

/*.videobox .line{animation: zoomIn .7s ease-in forwards;}*/
.videobox .yuan{animation: zoomIn .7s ease-in forwards .5s;}
.videobox .zi{animation: zoomIn .7s ease-in forwards 1.5s;}
/*animation: move-forever 10s cubic-bezier(.55,.5,.45,.5) infinite;*/

#adv{padding-bottom: 50px;width:1000px;}
#link .title{text-align: center;}
#adv .title{margin-bottom: 0;}
#adv .title p,#link .title p{width: 80%;margin: 0 auto;}
#adv .down{margin-top: 100px;}
#adv .down img{width: 40px;margin-bottom: 0;animation:bounce 2s infinite;}

.page-animation{opacity: 0;}
.page-animation.animate{
  animation: zoomIn .7s ease-in forwards;
}
.bg.animate{
  animation: fadeIn .7s ease-in forwards 1s;
}
.ibox.animate{
  animation: fadeIn .7s ease-in forwards 2s;
}
.z_right.animate{
  animation: fadeIn .7s ease-in forwards 4s;
}

#about{padding: 120px 0 60px 0;width:1000px;margin:0 auto}
.ab_box{position: relative;height: 510px;}
.ab_pra{padding-left: 0%;margin-bottom:90px}
/*.ab_pra{padding-left: 0%;margin-bottom:40px} */
.boxF, .boxS, .boxT { width: 247px; height: 214px; overflow: hidden; }
/*.boxF, .boxS, .boxT { width: 260px; height: 225px; overflow: hidden; } */


.boxF, .boxS { visibility: hidden; cursor: pointer;}
.boxF { transform: rotate(120deg); -ms-transform: rotate(120deg); -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); }
.boxS { transform: rotate(-60deg); -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg);}
.boxT { transform: rotate(-60deg); -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); visibility: visible;display: flex;align-items: center;justify-content: center;text-align: center;}
.boxT {background: url(images/bk.png) no-repeat;background-size: 100%;}


.boxF .img{display: none;}

.ab_box .boxF{position: absolute;}
.ab_box .b1{top: 125px;left: 50px;}
.ab_box .b2{top: 0;left: 255px;}
.ab_box .b3{top: 245px;left: 255px;}
.ab_box .b4{top: 125px;left: 460px;}
.ab_box .b6{top: 245px;left: 665px;}

.ainfo p{}
.ainfo .two{margin-top: 25px;}
 

.cbot .iimg {position: absolute;top: 0;left: 50%;width: 100px;margin-left: -50px;cursor: pointer;}
.cbot .iimg.i2 {left: 5%;margin-left: 0;top: 60%;}
.cbot .iimg.i1 {left:auto;right: 5%;margin-left: 0;top: 60%;}
.cbot .iimg .c2{display: none;}
.cbot .iimg.act .c1,.cbot .iimg:hover .c1{display: none;}
.cbot .iimg.act .c2,.cbot .iimg:hover .c2{display: block;}

#liaojie{padding-top:130px;margin-bottom: 110px;}
/*
#liaojie{padding-top:80px;margin-bottom: 150px;}
#liaojie{padding-top:50px;} */



#link{width:1000px;margin:0 auto;padding-top:60px;}
#jion{width:1000px;margin:0 auto;padding-top:60px;}
.more{display:none}

/*职位列表*/
.jion_list .item-a{line-height: 40px; position: relative;}
.jion_list .item-a:after{position: absolute;right: 5px;top: 50%;margin-top: -3px;background: #9b9c9c;border-radius: 50%;content: '';width: 6px;height: 6px;}

.lbox {flex-wrap: wrap;justify-content: space-between;}
.lbox .la{border: solid 1px #9c9c9c;border-radius: 50px;width: 23%;margin-bottom: 30px;padding: 10px 25px;cursor: pointer;color: #9c9c9c;}
.lbox .la .t2{display: none;}
.lbox .la img{margin-right: 6px;width: 42px;}


@media (min-width: 900px){
  .lbox .la:hover{background: url(images/yj.png) no-repeat center;background-size: 100% 100%;border-color: transparent;}
  .lbox .la:hover .flex{color: #fff;}
  .lbox .la:hover .t1{display: none;}
  .lbox .la:hover .t2{display: block;}

  .boxF:hover .text{display: none;}
  .boxF:hover .img{display: block;animation:pulse 1s;}
}

/*底部*/
.footer{
  color: #000;justify-content: space-between;padding: 50px 0;
  background: -moz-linear-gradient(right, #441976 0%, #182981 100%);
  background: -webkit-linear-gradient(right, #441976 0%,#182981 100%);
  background: -o-linear-gradient(right, #441976 0%,#182981 100%);
  background: -ms-linear-gradient(right, #441976 0%,#182981 100%);
  background: linear-gradient(to left, #441976 0%,#182981 100%);
}
.footer .content{width: 100%;padding: 0 5%;}
.foot-left{flex:1;display: flex;justify-content: space-between;}
.foot-left span{width: 45%;color: #9b9c9c;}
.foot-url{width: 25%;}
.foot-url a{color: #9b9c9c;display: inline-block;margin:0 35px;}
.foot-right{width: 15%;display: flex;justify-content: flex-end;}
.foot-right select{border:solid 1px #000;background: none;color: #000;border-radius: 3px;padding:5px;font-size: 20px;}

 
body{overflow:hidden;}

.title .zphone{display: none;}

@media (max-width: 1441px){
  body{font-size: 18px;}
  #adv .title p, #link .title p{width: 90%;}
  .lbox .la img{width: 40px;}
  .content .tit,.title h3{font-size: 54px;line-height: 60px;}
  .foot-right select{font-size: 18px;}
}
 #link .title p{color: #727171;}
@media (max-width: 900px){
	.title{margin-bottom:40px}
	#adv{width:auto}
  header .content{padding:10px 30px;}
  .title .ititle{display: none;}
  .title .zphone{display: block;width:90%;text-align:center}
  #video{display: none;}
  body{min-width: 100%;padding-top: 80px;font-size: 16px;line-height: 30px;}
  .content{width: 100%;padding:0 40px;}
  .title p{font-size: 16px;}
  .foot-right select{font-size: 16px;}

  .header{height: 80px;padding: 0;background: #000;}
  header .logo{width: 50%;}
  .header .logo img{height: 45px;}
  .header.active .nav{position: fixed;top: 50px;background: #000;left: 0;width: 100%;display: block;z-index: 9999;}
  .header.active .nav a{display: block;padding: 10px 0;}

  .banner{height: 600px;margin-top: 14%;}
  .banner .line{height: 560px;}
  .banner .btxt{top: 40px;}
  .banner .content{padding-top: 40px;}
  .banner .yuan{width: 290px;}
  .banner .zi{width: 90px;margin-left: -45px;}
  .banner .yuan, .banner .zi{opacity: 1;}
  .videobox .yuan,.videobox .zi{opacity: 0;}

  .page-animation{opacity: 1;}

  .title img{width: 100%;}
  #adv .title p, #link .title p{width: 100%;text-align:left}
  /*.zline{background: none;}*/

  #adv .down{margin-top: 100px;}

  #about{padding:60px 0px;width:auto}
  .content .tit,.title h3{font-size: 30px;line-height: 48px;margin-bottom: 10px;}


  .ab_box{height: auto;position: static;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
  .ab_box .boxF{position: static;}

  .ab_box{position: relative;height: 220px;}
.ab_pra{padding-left: 0%;}
.boxF, .boxS, .boxT { width: 108px; height: 97px;}
.ab_box .boxF{position: absolute;}
.ab_box .boxF span{display: none;}
.ab_box .b1{top: 50px;left: 0px;}
.ab_box .b2{top: 0;left: 90px;}
.ab_box .b3{top: 100px;left: 90px;}
.ab_box .b4{top: 50px;left: 180px;}
.ab_box .b6{top: 100px;left: 270px;}

.boxT .text img{display: block;margin:0 auto;}


  #about .ainfo{margin-top: 30px;padding:0px 40px}
  .ainfo .two{margin-top: 15px;}
  #liaojie{width:auto}

  #link,#jion{padding-top: 60px;padding-bottom: 60px;display: block;width:auto}
   #link{padding-top: 100px;padding-bottom: 60px;width:auto}
  .z_left{padding-top: 0;}
  .z_left, .z_right{width: 100%;}
  .cbot .iimg{width: 80px;margin-left: -40px;}


	#link {text-align: left;}
	#link .title {text-align:left}
  .lbox .la{width: 31%;margin-bottom: 15px;font-size: 14px;padding: 2px;border-radius:0}
  .lbox .la img{width: 50%;margin:0 auto;margin-top:12px}

  #jion .tit{margin-bottom: 25px;}
  .more{display:block;float:right;margin-right:6%}

  .jion_list .item-a:after{content: '';background: none;}
  .jion_list .item-a span{display: none;}
  .jion_list{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
  .jion_list .item-a{width: 100%;margin-bottom: 15px;text-align: center;font-size: 13px;}
  
  .footer .content{flex-wrap: wrap;}
  .footer .foot-left{width: 100%;flex: auto;margin-bottom: 0px;display: block;}
  .footer .foot-left span{display:block;margin-bottom:5px;width: 100%}
  .footer .foot-url{width: 60%;}
  .footer .foot-url a{margin:0;margin-right: 25px;}
  .footer .foot-right{width: 40%;} 

  .footer{padding: 40px;}
  .footer .content{padding:0;}

	.jion_list .item-a {border-bottom: solid 0px #5c5c5c;margin-bottom:0px;line-height:50px}

  .jion_list .item-a a{  background: url(http://crimg.chuangruo8.com/image/special_bg.png) no-repeat center;
    background-size: 100% 80%;text-align:left;padding-left:6%;font-size:16px}


  .lbox .la.act{background: url(http://crimg.chuangruo8.com/image/yj.png) no-repeat center;background-size: 100% 100%;border-color: transparent;}
  .lbox .la.act .flex{color: #fff;}
  .lbox .la.act .t1{display: none;}
  .lbox .la.act .t2{display: block;}

  .boxF.act .text{display: none;}
  .boxF.act .img{display: block;animation:pulse 1s;}
  
  .speflex{display:block;text-align:center}
  .spename{    display: block;margin-top:-10px;}

}

@media (max-width: 376px){
	#adv{width:auto}
.ab_pra{padding-left: 0%;}
}
.wave{
    position: relative;
    width: 500px;
    height:400px ;
    line-height: 500px;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    animation: water-wave  linear infinite;
}
.wav{
  position: absolute;
  border:solid 2px #fff;
  opacity: .7;
  width: 200%;
  height: 200%;
  animation: inherit;
}
.wave1{
    top: 40%;
    left: -25%;
    border-radius: 40%;
    animation-duration: 5s;
}
.wave2{
    top: 40%;
    left: -35%;
    border-radius: 35%;
    animation-duration: 7s;
}
.wave3{
    top: 50%;
    left: -35%;
    border-radius: 33%;
    animation-duration: 11s;
}
@keyframes  water-wave{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.titles{ font-size:28px; letter-spacing:3px; color:#c8c8c8; display:block; float:left; margin:0 10%; width:80%; height:60px; line-height:60px; margin-bottom:15px;}
section{}
.left{ display:block; float:left; width:38%; margin-left:10%;}
.right{ display:block; float:right; width:38%; margin-right:10%;}