----------------------------------------------------
*
*	  COMMON CSS FILE | by zhanglong | 
*

.ie-view { position: fixed; background: #FFF url('../images/ie.jpg') no-repeat 50% 50%; width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; }

/*----------------------------------------------------*/

:root {
  --COLOR-PRIMARY: 		#e21e32;
}

/*----------------------------------------------------*/
@font-face {
		font-family: "pf";
    font-style: normal; font-weight: normal;
}

html { font-size: 100px !important; }
body { color: #121212; font-size: .14rem !important; line-height: 1.6 !important; font-family: "Microsoft YaHei","pf", "STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif !important; 
	background-color: #FFF; }

/*----------------------------------------------------*/
ul,p 	{ margin: 0; padding: 0; }
li 	{ list-style: none; }
i 		{ font-style: normal; } 
em 	{ font-style: normal; font-weight: bold; } 
cite 	{ font-style: normal; }

a { color: #333; cursor: pointer; }
a:hover, a:focus { text-decoration: none; color: #e21e32; }
.primary { color: #e21e32; }
.npd { padding: 0 !important; }

span.pipe { padding-left: .06rem; padding-right: .06rem; color: #9f9f9f; }
.imo, .imo a, .imo a img { display: block; }
	.imo img { width: 100%; }

.container { width: 1280px; max-width: 1280px; padding: 0;}



/*yours*/
body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;margin: 0; padding: 0;}
li{list-style-type: none;}
a{text-decoration: none}
.left{float: left;}
.right{float: right;}
.clear{clear: both}
*{font-family: 微软雅黑;}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
input{outline: none;}
body{overflow-x:hidden;background: #f3f5f8}
.main{max-width: 1200px;margin:0 auto;width:90%}
img{border:none;}
i {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
}


/*头部*/
header{width: 100%;position: absolute;top:18px;left:0;z-index: 1000}
.logo{margin-left: 70px;position: relative;width: 195px;height: 55px;float: left;}
.logo2{position: absolute;top:15px;left:63px;}
.logo3{position: absolute;top:15px;right:0px;}
.head_right a,.head_right span{color: #fff;cursor: pointer;}
.head_right{margin-top: 7px;height: 40px;line-height: 40px;float: right;margin-right: 60px;overflow: hidden;}
.head_right span{display: inline-block;margin-left: 15px;transition:all 1s;}
.head_right span::after{ margin-left: 15px;content:"|";}
.head_right span:last-child::after{content:"";}
.head_right a{font-size: 16px;font-weight: bold;color:#ffffff;display: inline-block;border-radius: 6px;text-align: center;height: 40px;line-height: 40px;padding: 0 30px 0 54px;}
.head_right a:nth-child(1){background: #5ed2e5 url('../images/denglu.png') no-repeat center left 30px;}
.head_right a:nth-child(2){background: #7679ff url('../images/zhuce.png') no-repeat center left 30px;margin-left: 22px}
.ban1_nr{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.head_right span:hover{padding-left: 5px}
.ban1_pic{text-align: center;}
.ban1_pic img:nth-child(2){padding-top:15px}
/*Banner*/
/*第一屏*/
.flex-active-slide .piccon3 .p1{  -webkit-animation: zoomIn 1.5s;
  animation: zoomIn 1.5s; animation-fill-mode: both;}
.flex-active-slide .piccon3 .p2{  -webkit-animation: fadeInLeft 1.5s;
  animation: fadeInLeft 1.5s; animation-fill-mode: both;}
.flex-active-slide .piccon3 .ban_img1{  -webkit-animation: fadeInUp 1.5s;
  animation: fadeInUp 1.5s;animation-delay:0.1s;
-webkit-animation-delay:0.1s; animation-fill-mode: both;}

/*第二屏*/

.flex-active-slide .item2_1{  -webkit-animation:bounceInDown 1.5s;;
  animation:bounceInDown 1.5s;
  animation-fill-mode: both;
}
.flex-active-slide .item2_2{  -webkit-animation:flipInX 2s;;
  animation:flipInX 2s;
  animation-fill-mode: both;
}

.flex-active-slide .item2_3{
   -webkit-animation: lightSpeedIn 1s;;
    animation:lightSpeedIn 1s;animation-delay:0.7s;
  -webkit-animation-delay:0.7s;
  animation-fill-mode: both;

}
.flex-active-slide .item2_4{
   -webkit-animation: lightSpeedIn 1s;;
    animation:lightSpeedIn 1s;animation-delay:0.9s;
  -webkit-animation-delay:0.9s;
  animation-fill-mode: both;

}
.flex-active-slide .item2_5{
   -webkit-animation: lightSpeedIn 1s;;
    animation:lightSpeedIn 1s;animation-delay:1.1s;
  -webkit-animation-delay:1.1s;
  animation-fill-mode: both;

}

.sec6_active .sec6_left img{ -webkit-animation: fadeInLeft 1s;;
    animation:fadeInLeft 1s;animation-fill-mode: both;}
.sec6_active .sec6_tit{ -webkit-animation: bounceInDown 1s;animation:bounceInDown 1s;animation-fill-mode: both;}
.sec6_active .sec6_jian{ -webkit-animation: fadeInUp 1s;animation:fadeInUp 1s;animation-delay:0.2s;-webkit-animation-delay:0.2s;animation-fill-mode: both;}
.sec6_active .sec6_right li:nth-child(1){ -webkit-animation: fadeInRight 1s;animation:fadeInRight 1s;animation-delay:0.4s;-webkit-animation-delay:0.4s; animation-fill-mode: both;}
.sec6_active .sec6_right li:nth-child(2){ -webkit-animation: fadeInRight 1s;animation:fadeInRight 1s;animation-delay:0.6s;-webkit-animation-delay:0.6s; animation-fill-mode: both;}
.sec6_active .sec6_right li:nth-child(3){ -webkit-animation: fadeInRight 1s;animation:fadeInRight 1s;animation-delay:0.8s;-webkit-animation-delay:0.8s; animation-fill-mode: both;}
.sec6_active .sec6_right li:nth-child(4){ -webkit-animation: fadeInRight 1s;animation:fadeInRight 1s;animation-delay:1s;-webkit-animation-delay:1s; animation-fill-mode: both;}

.sec6_item1 ul li:nth-child(1){background: url('../images/kq1.jpg') no-repeat top left;}
.sec6_item1 ul li:nth-child(2){background: url('../images/kq2.jpg') no-repeat top left;}
.sec6_item1 ul li:nth-child(3){background: url('../images/kq3.jpg') no-repeat top left;}

.sec6_item2 ul li:nth-child(1){background: url('../images/xc1.png') no-repeat top left;}
.sec6_item2 ul li:nth-child(2){background: url('../images/xc2.png') no-repeat top left;}
.sec6_item2 ul li:nth-child(3){background: url('../images/xc3.png') no-repeat top left;}
.sec6_item2 ul li:nth-child(4){background: url('../images/xc4.png') no-repeat top left;}

.sec6_item3 ul li:nth-child(1){background: url('../images/zp1.jpg') no-repeat top left;}
.sec6_item3 ul li:nth-child(2){background: url('../images/zp2.jpg') no-repeat top left;}
.sec6_item3 ul li:nth-child(3){background: url('../images/zp3.jpg') no-repeat top left;}


.sec6_item4 ul li:nth-child(1){background: url('../images/zz1.jpg') no-repeat top left;}
.sec6_item4 ul li:nth-child(2){background: url('../images/zz2.jpg') no-repeat top left;}
.sec6_item4 ul li:nth-child(3){background: url('../images/zz3.jpg') no-repeat top left;}

.sec6_item5 ul li:nth-child(1){background: url('../images/fw1.jpg') no-repeat top left;}
.sec6_item5 ul li:nth-child(2){background: url('../images/fw2.jpg') no-repeat top left;}


.sec6_item6 ul li:nth-child(1){background: url('../images/yuangong1.jpg') no-repeat top left;}
.sec6_item6 ul li:nth-child(2){background: url('../images/yuangong2.jpg') no-repeat top left;}
.sec6_item6 ul li:nth-child(3){background: url('../images/yuangong3.jpg') no-repeat top left;}

.sec6_item7 ul li:nth-child(1){background: url('../images/zizhu1.jpg') no-repeat top left;}
.sec6_item7 ul li:nth-child(2){background: url('../images/zizhu2.jpg') no-repeat top left;}
.sec6_item7 ul li:nth-child(3){background: url('../images/zizhu3.jpg') no-repeat top left;}


.piccon1{ position:absolute; left:12%; top:25%; z-index:10;overflow: hidden;}

.contextpic{width: 764px;margin:0 auto;margin-top:8%;}

.item2_1{color: #5ed2e5;font-size: 72px;font-weight: bold;}
.item2_2{color: #ffffff;font-size: 60px;}
.piccon1 ul{margin-top: 30px}
.piccon1 ul li{font-size: 24px;color: #ffffff;margin-bottom: 30px;position: relative;background: url('../images/dui.png') no-repeat top 8px left;padding-left: 38px}
.piccon1 ul li .animate_icon::before,.piccon1 ul li .animate_icon::after {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:absolute;
  height:0;
  width:2px;
  background-color:#fff;
  display:inline-block;
  -moz-transform-origin:left top;
  -ms-transform-origin:left top;
  -o-transform-origin:left top;
  -webkit-transform-origin:left top;
  transform-origin:left top;
  border-radius:5px;
  content:' ';
}
.flex-active-slide .piccon1 ul li .animate_icon::before {
  content: "";
  top:24px;
  left:12px;

  -moz-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  -o-transform:rotate(-135deg);
  -webkit-transform:rotate(-135deg);
  transform:rotate(-135deg);
  -moz-animation:animate_icon2 1s ease 2s forwards;
  -o-animation:animate_icon2 1s ease 2s forwards;
  -webkit-animation:animate_icon2 1s ease 2s forwards;
  animation:animate_icon2 1s ease 2s forwards;
}

.flex-active-slide .piccon1 ul li .animate_icon::after {
  content: "";
  top:17px;
  left:5px;

  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -moz-animation:animate_icon 0.8s ease 1.5s forwards;
  -o-animation:animate_icon 0.8s ease 1.5s forwards;
  -webkit-animation:animate_icon 1.2s ease 1.5s forwards;
  animation:animate_icon 0.8s ease 1.5s forwards;
}
@-webkit-keyframes animate_icon {
  from {
    height: 0;
  }

  to {
    height:10px;
  }
}

@keyframes animate_icon {
  from {
    height: 0;
  }

  to {
    height:10px;
  }
}

@-webkit-keyframes animate_icon2 {
  from {
    height: 0;
  }

  to {
    height:20px;
  }
}

@keyframes animate_icon2 {
  from {
    height: 0;
  }

  to {
    height:20px;
  }
}

@media (min-width:1000px) and (max-width:1200px)
{
  .piccon1{ left:15%; top:10%;}
  .piccon2{ left:15%; top:10%;}
  .piccon3 .contextpic{ margin-top:8%;}
  .piccon2 .pic1{ font-size:36px; text-align:center;}
}
@media (max-width:1000px)
{
  .piccon1,.piccon2,.contextpic{ display:none;}
}



.search{width: 8.9rem;margin:0 auto;padding: 0.35rem 0;}
.search .search_p{height: 0.6rem;line-height: 0.6rem;color: #666666;font-size: 0.28rem;margin-left: 0.24rem;float: left;}
.search .layui-form{float: right;height: 0.6rem;line-height: 0.6rem;background: #fff;border-radius: 0.1rem;width: 6.6rem;overflow: hidden;}
.ss_bd1{padding-left: 35px;width: 145px;border:0px;color: #333;font-size: 16px;}
.ss_bd2{width: 4.4rem;border:0px;color: #333;font-size: 16px;border-left:1px solid #999999;height: 20px;padding-left: 20px}
.ss_btn{background: url('../images/search.png') no-repeat center;width: 70px;height: 0.6rem;float: right;}

/*AI创新考勤场景*/
.sec1{width: 100%;background: #f4f4f4;padding-top: 50px}
.sec1_tit p:nth-child(1){font-size: 0.48rem;color: #000000;font-weight: bold;text-align: center;}
.sec1_tit p:nth-child(2){font-size: 0.24rem;color: #333333;text-align: center;}
.sec1_tit{padding-bottom: 0.85rem}
.sec1_right{float: right;width: 52%}
.sec1_left{width: 48%;float: left;}
.sec1_right img{width: 100%}
.sec1_left li{background: url('../images/dot.png') no-repeat top 0.15rem left;padding-left: 45px;margin-bottom: 30px}
.sec1_left ul{width: 7.2rem;float: right;}
.sec1_li_tit{font-size: 0.32rem;font-weight: bold;color: #333333}
.sec1_li_jian{font-size: 0.18rem;color: #666666;line-height: 50px;}

/*无感知考勤产品对比*/
/*.sec2{padding:0.75rem 0}
.yuan{width: 2.19rem;height: 2.19rem;background: url('../images/yuan1.png') no-repeat center top;margin:0 auto;}
.sec2 ul{padding: 0 6%}
.sec2 ul li{width: 25%;float: left;text-align: center;}
.sec2 ul li .yuan{color: #ffffff;font-weight: bold;font-size: 0.28rem;position: relative;}
.sec2_jian{color: #333333;font-size: 0.24rem;padding-top: 0.2rem}
.sec2 ul li .yuan i{padding-top: 0.5rem;padding-bottom: 0.15rem}
.sec2 ul li:hover .yuan{background: url('../images/yuan2.png') no-repeat center top;}

.sec2 ul li i,.sec2 ul li p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sec2 ul li:hover i, .sec2 ul li:hover p{
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}*/

/*无感知考勤系统*/
/*.sec3{background: url('../images/sec3.jpg') no-repeat center top;height: 446px;width: 100%;text-align: center;}
.sec3_tit1{font-size: 0.48rem;font-weight: bold;color: #ffffff;padding-top: 0.95rem;padding-bottom: 0.1rem}
.sec3_tit2{font-size: 0.6rem;color: #5ed2e5}
.sec3_tit3{font-size: 0.24rem;color: #ffffff;line-height: 0.5rem;padding-top: 0.2rem}*/

/*定义HR工作新方式*/
.sec4{background:#fff url('../images/sec4.jpg') no-repeat center bottom;width: 100%;height: 11.1rem;padding-top: 0.8rem;}
.sec4_con{width: 100%;background: url('../images/sec4_pc.png') no-repeat right bottom;height: 7.54rem}
.sec4_con ul{width: 9.23rem;padding-left: 3.5rem;padding-top: 1rem}
.sec4_con li{font-size: 0.24rem;color: #333333;margin-bottom: 0.35rem;height: 0.52rem;line-height: 0.52rem;}
.sec4_con li:nth-child(1){background: url('../images/sec4_1.png') no-repeat left top;padding-left: 0.65rem}
.sec4_con li:nth-child(2){background: url('../images/sec4_2.png') no-repeat left top;padding-left: 0.65rem}
.sec4_con li:nth-child(3){background: url('../images/sec4_3.png') no-repeat left top;padding-left: 0.65rem}
.sec4_con li:nth-child(4){background: url('../images/sec4_4.png') no-repeat left top;padding-left: 0.65rem}
.sec4_con li:nth-child(5){background: url('../images/sec4_5.png') no-repeat left top;padding-left: 0.65rem}
.sec4_con li:nth-child(6){background: url('../images/sec4_6.png') no-repeat left top;padding-left: 0.65rem}

.sec5{padding: 0.8rem 0 1.2rem 0;background: #fff;overflow: hidden;}
.sec5 li{width: 2.4rem;height: 2.52rem;background:#f5f5f5;text-align: center;color: #333333;font-size: 0.24rem;transition:all 1s;float: left;margin:0 0.15rem;position: relative;}
.sec5 ul{padding: 0 14%}
.sec5_icon{width: 111px;height: 111px;margin:0.4rem auto 0.3rem;z-index: 10;position: relative;border-radius: 50%}
.sec5 li p{z-index: 10;position: relative;}
.sec5 li:nth-child(1) .sec5_icon{background:#f5f5f5 url('../images/sec5_1.png') no-repeat center top;}
.sec5 li:nth-child(2) .sec5_icon{background:#f5f5f5 url('../images/sec5_3.png') no-repeat center top;}
.sec5 li:nth-child(3) .sec5_icon{background:#f5f5f5 url('../images/sec5_2.png') no-repeat center top;}
.sec5 li:nth-child(4) .sec5_icon{background:#f5f5f5 url('../images/sec5_4.png') no-repeat center top;}
.sec5 li:nth-child(5) .sec5_icon{background:#f5f5f5 url('../images/sec5_5.png') no-repeat center top;}
.sec5 li:nth-child(6) .sec5_icon{background:#f5f5f5 url('../images/sec5_6.png') no-repeat center top;}
.sec5 li:nth-child(7) .sec5_icon{background:#f5f5f5 url('../images/sec5_7.png') no-repeat center top;}

.sec5_bg {
    position: absolute;
    left: 0;
    bottom: 0%;
    width: 100%;
    height: 0;
    background: #5ed2e5;
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}
.sec5 li:hover .sec5_bg{height: 100%;}
.sec5 li:hover{color: #fff;box-shadow: 0 0 20px #CCC;
-moz-box-shadow: 0 0 20px #CCC;
-ms-box-shadow: 0 0 20px #CCC;
-o-box-shadow: 0 0 20px #CCC;transform:scale(1.02);}
.sec5 li:nth-child(1):hover .sec5_icon{background:url('../images/sec5_15.png') no-repeat center top ;
}
.sec5 li:nth-child(2):hover .sec5_icon{background:url('../images/sec5_35.png') no-repeat center top ;
}
.sec5 li:nth-child(3):hover .sec5_icon{background:url('../images/sec5_25.png') no-repeat center top ;
}

.sec5 li:nth-child(4):hover .sec5_icon{background:url('../images/sec5_45.png') no-repeat center top ;
}
.sec5 li:nth-child(5):hover .sec5_icon{background:url('../images/sec5_55.png') no-repeat center top ;
}
.sec5 li:nth-child(6):hover .sec5_icon{background:url('../images/sec5_65.png') no-repeat center top ;
}
.sec5 li:nth-child(7):hover .sec5_icon{background:url('../images/sec5_75.png') no-repeat center top ;color: #fff;}

.sec6{background: #fff;width: 100%;overflow: hidden;}
.sec6_left{float: left;width: 50%;overflow: hidden;text-align: center}
.sec6_left img{max-width: 100%}
.sec6_right{float: right;width: 50%}
.sec6_tit{color: #333333;font-size: 0.48rem;padding-top: 0.5rem;background: url('../images/sec6_tit.png') no-repeat left bottom;padding-bottom: 0.05rem}
.sec6_right .sec6_jian{font-size: 0.22rem;color: #333333;padding: 0.15rem 0}
.sec6_right li{font-size: 0.2rem;color: #666666;min-height:0.27rem;line-height: 0.27rem;padding-left: 0.45rem;margin-bottom: 0.3rem}
.sec6_right ul{padding-top: 0.25rem}


.sec7{background: url('../images/sec7.jpg') no-repeat center bottom;height: 599px;overflow: hidden;}
.sec7_tit p:nth-child(1){font-size: 0.48rem;color: #fff;font-weight: bold;text-align: center;}
.sec7_tit p:nth-child(2){font-size: 0.24rem;color: #fff;text-align: center;}
.sec7_tit{padding-bottom: 0.45rem;padding-top: 0.8rem}
.sec7 ul{padding: 0 7%}
.sec7 ul li{height:2.69rem;width: 18%;margin:0 1%;float: left;text-align: center;}
.sort{width:0.8rem;height:0.8rem;background:#0a161f;color: #fff;border-radius: 100%;line-height: 0.8rem;margin:0 auto;font-size: 0.48rem;font-family: Impact;}
.sec7 ul li p{font-size: 0.24rem;color: #0a161f;padding-top: 0.2rem;line-height: 0.35rem;width:2rem;margin:0 auto;}


.sec8{width: 100%;background: url('../images/sec8.jpg') no-repeat center bottom;height: 1000px}
.sec8_pc{text-align: center;padding-bottom: 0.45rem}
.sec8 ul{padding: 0 10%}
.sec8 ul li{width: 18%;float: left;margin:0 3.5%;float: left;text-align: center;color: #fff;padding-top: 1.2rem;line-height: 0.27rem;}
.sec8 ul li .sec8_t{font-size: 0.28rem;padding-bottom: 0.15rem}
.sec8_jian{font-size: 0.16rem;}
.sec8 ul li:nth-child(1){background: url('../images/sec8_1.png') no-repeat center top 10px;}
.sec8 ul li:nth-child(2){background: url('../images/sec8_2.png') no-repeat center top 10px;}
.sec8 ul li:nth-child(3){background: url('../images/sec8_3.png') no-repeat center top 15px;}
.sec8 ul li:nth-child(4){background: url('../images/sec8_4.png') no-repeat center top;}

.sec9{width: 100%;background: url('../images/sec9.jpg') no-repeat center bottom;height: 900px;}
.dec10{padding-top: 0.7rem;padding-bottom: 0.9rem;overflow: hidden;}
.dec11{width: 100%;background: url('../images/dec11.jpg') no-repeat center bottom;height: 3.93rem}
.sec11_tit p:nth-child(1){font-size: 0.4rem;color: #fff;font-weight: bold;text-align: center;margin-bottom: 0px}
.sec11_tit p:nth-child(2){font-size: 0.16rem;color: #fff;text-align: center;text-transform: uppercase;}
.sec11_tit{padding-top: 0.85rem}
.sec11_w{font-size: 0.24rem;text-align: center;color: #fff;background: url('../images/sec11_w.png') no-repeat center;margin-top: 0.25rem}
.dec10_btn{width: 2rem;height: 0.45rem;color: #fff;background:#ff8f00;display: block;margin:0 auto;line-height: 0.42rem;text-align: center;border-radius:0.2rem;margin-top: 0.5rem;font-size: 0.2rem;font-weight: bold;}
.dec10_btn:hover{text-decoration: none;color: #fff}
.dec10_video{width: 1200px;margin:0 auto;}
.dec10 .sec1_tit{padding-bottom: 0.55rem}
.sec9_ban{width: 1400px;margin:0 auto;}

.sec9_ban .slide{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom:0.85rem;

}
.sec9_ban .slide .img{
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
}
.slide .img1{
    width: 20%;
    height: 20%;
    top: 30%;
    left: -50%;
    z-index: 1;
    color: #fff;
    background: #343434;
}
.slide .img2{
    width: 32%;
    height: 360px;
    top: 20px;
    left: 0%;
    z-index: 2;
    color: #fff;
    background: #343434;
}
.slide .img3{
    width: 38%;
    height: 410px;
    top: 0;
    left: 50%;
    z-index: 3;
    transform:translateX(-50%);
    background: #fff;
    color: #333333;
}
.slide .img4{
    width: 32%;
    height: 360px;
    top: 20px;
    left: 68%;
    z-index: 2;
    color: #fff;
    background: #343434;
}
.slide .img5{
    width: 20%;
    height: 20%;
    top: 30%;
    left: 110%;
    z-index: 1;
    color: #fff;
    background: #343434;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 10;

}
.slide-bt span{
    width: 35px;
    height: 8px;
    background: #8c8b8a;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #5ed2e5;
}
button{
    width: 50px;
    margin: 20px;
}

.sec9_logo{width: 106px;margin:0 auto;padding-top: 0.3rem}

.sec9_job{text-align: center;font-size: 0.2rem;}

.sec9_com{font-size: 0.2rem;padding: 0.13rem 0;font-weight: bold;text-align: center;}
.sec9_jian{font-size: 0.13rem;line-height: 2;width: 90%;margin:0 auto;padding-top: 0.2rem;overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.slide .img3 .sec9_com{font-size: 0.24rem;padding: 0.15rem 0;}
.slide .img3 .sec9_jian{font-size: 0.15rem;overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.sec11_w span{display: block;}

.piccon3{ perspective:90;-webkit-perspective:90;}
.piccon3 .pic4{
      transform: rotateX(0deg);
       -webkit-transform: rotateX(0deg);}

       @-webkit-keyframes xiaoguo {
         from {
            transform: rotateX(-3deg);
           -webkit-transform: rotateX(-3deg);
          
         }

         to {
          transform: rotateX(0deg);
           -webkit-transform: rotateX(0deg);
         }
       }

       @keyframes xiaoguo {
         from {
            transform: rotateX(-3deg);
           -webkit-transform: rotateX(-3deg);
          
         }

         to {
          transform: rotateX(0deg);
           -webkit-transform: rotateX(0deg);
         }
       }


 .sec8_pc img{
    animation:perspective_value2 2s;
     -webkit-animation:perspective_value2 2s;
     -moz-animation:perspective_value2 2s;
   
 }
 @keyframes perspective_value2{
     0%{transform:perspective(200px) rotateX(5deg);}
     100%{transform:perspective(200px) rotateX(0deg);} 
 }
 @-webkit-keyframes perspective_value2{
     0%{-webkit-transform:perspective(200px) rotateX(5deg);}
     100%{-webkit-transform:perspective(200px) rotateY(0deg);} 
 }
 @-moz-keyframes perspective_value2{
     0%{-moz-transform:perspective(200px) rotateX(5deg);}
     100%{-moz-transform:perspective(200px) rotateX(0deg);} 
 }


 .qcontainer{-webkit-perspective:400;-moz-perspective:400;}
 .film{width:100%;-webkit-transform-style:preserve-3d;-webkit-transition:1.5s;-moz-transform-style:preserve-3d;-moz-transition:1.5s;}
 .qcontainer:hover .film{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
 .face{height: 2.69rem;width: 100%;position:absolute;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background: url('../images/sec7_1.png') no-repeat  center top;}
 .back{height: 2.69rem;width: 100%;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);background: url('../images/sec7_2.png') no-repeat  center top;}
.sort{margin-top: 0.5rem}
.back .sort{background:#fff;color:#0a161f;}
.sec7 ul li .back p{color: #fff;font-size:15px;line-height: 2;}

.sec1_left ul li{position: relative;}
/*一闪一闪效果*/
  
 .icon{
  
   border-radius: 100%;
  position: relative;
  
 }


 
 .icon .ring{
  position: absolute;
  width: 100px;
  height: 100px;
  border: 5px solid #5ed2e5;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  opacity: 0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-animation: trace 1s infinite linear;
  -moz-animation: trace 1s infinite linear;
  -ms-animation: trace 1s infinite linear;
  -o-animation: trace 1s infinite linear;
  animation: trace 1s infinite linear;
 }
 .icon .ring:last-of-type{
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -ms-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s;
 }
 @-webkit-keyframes trace{
  0%{
    -webkit-transform: scale(0.5);
    opacity: 1;
  }
  100%{
    -webkit-transform: scale(1.2);
    opacity: 0.2;
  }
 }

 @-moz-keyframes trace{
  0%{
    -moz-transform: scale(0.5);
    opacity: 1;
  }
  100%{
    -moz-transform: scale(1.2);
    opacity: 0.2;
  }
 }
 @-ms-keyframes trace{
  0%{
    -ms-transform: scale(0.5);
    opacity: 1;
  }
  100%{
    -ms-transform: scale(1.2);
    opacity: 0.2;
  }
 }
 @-o-keyframes trace{
  0%{
    -o-transform: scale(0.5);
    opacity: 1;
  }
  100%{
    -o-transform: scale(1.2);
    opacity: 0.2;
  }
 }
 @keyframes trace{
  0%{
    transform: scale(0.5);
    opacity: 1;
  }
  100%{
    transform: scale(1.2);
    opacity: 0.2;
  }
 }

 .btn-5 {
   cursor:pointer;
   /*border: 0 solid;*/
   box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
   /*outline: 1px solid;*/
   outline-color: rgba(255, 255, 255, 0.5);
   outline-offset: 0px;
   text-shadow: none;
   -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
           transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
 }

 .btn-5:hover {
   /*border: 1px solid;*/
   box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
   /*outline-color: rgba(255, 255, 255, 0);*/
  /* outline-offset: 15px;*/
   text-shadow: 1px 1px 2px #427388;
 }

 .btn-4 {
     cursor:pointer;
   /*border: 1px solid;*/
   overflow: hidden;
   position: relative;
 }
 .btn-4 span {
   z-index: 20;
 }
 .btn-4:after {
   background: #fff;
   content: "";
   height: 155px;
   left: -75px;
   opacity: .2;
   position: absolute;
   top: -50px;
   -webkit-transform: rotate(35deg);
       -ms-transform: rotate(35deg);
           transform: rotate(35deg);
   -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
           transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
   width: 50px;
   z-index: 100;
 }

 .btn-4:hover:after {
   left: 120%;
   -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
           transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
 }

.head_right_span{width: 300px}


@media (max-width:1900px){
  .sec5 li{width: 18%;margin: 0 1%;}
  .sec5_icon{margin: 0.3rem auto 0.2rem;}
  .sec4_con{background: url(../images/sec4_pc.png) no-repeat right center;background-size: 50%}
  .contextpic{transform: scale(0.9);}
  .banner .pic4{width: 80%;margin-top: -3%}
  .sec4_con ul{padding-left: 15%;}
  .sec9_ban{transform: scale(0.9)}
  .sec1_tit {
      padding-bottom: 0.55rem;
  }
  .sec4{height: 10rem}
}
@media (max-width:1600px){
 
  .banner .pic4{width: 75%;margin-top: -3%}
   .sec8_pc img{width: 75%}
   .sec1_caiwu{width: 94%!important}
   .sec1_caiwu li{max-width: 29%;margin-left:3%!important}

}
@media (max-width:1500px){
  .sec5 ul{padding: 0 10%}
 .sec9_logo img{width: 96px}
 .contextpic{transform: scale(0.8);}
 .banner .pic4{width: 75%;margin-top: -4%}
 .sec1_left ul{width: 89%}
 .sec1_li_jian{font-size: 0.16rem;}
 .sec4_con ul{padding-left: 10%;}
 .sec5 li{height: 2.2rem}
 .sec5_icon {
    transform: scale(0.8);
     margin: 0.2rem auto 0.1rem;
 
 }
 .sec9_ban{width: 1200px;margin:0 auto;}
 .sec9 {
     width: 100%;
     background: url(../images/sec9.jpg) no-repeat center bottom;
     background-size: cover;
     height: 800px;
 }
 .sec1_fawu{max-width: 90%}
 .sec1_fawu li{max-width: 23.5%;margin-left:2%}

}
@media (max-width:1400px){
  .sec1_left{width: 50%}
  .sec1_right{width: 50%}
  .sec1_left li{margin-bottom: 0.2rem}
  .sec5 ul{padding: 0 5%}
  .sec6_tit{padding-top: 0}
  .sec1_type ul{width: 100%!important}
  .sec1_type ul li{width: 25%!important}
  .sec1_renzi ul{width: 100%!important}
  
  .sec1_kehu{max-width: 1200px}
  .sec1_kehu .sec1_kehu_left{width:600px}
  .sec1_kehu .sec1_kehu_right{width:600px}
  .sec1_kehu .sec1_kehu_right li {
      height: 225px;
      border-top: 1px solid #d9d9d9;
      padding: 35px 70px 0px;
  }
  .sec2 .sec2_pic{width: 500px}
  .sec2 .sec2_nr ul {
      float: right;
      width: calc(100% - 500px);
  }
  .sec2 .sec2_nr ul li{height: 235px}

}
@media (max-width:1380px){ 


  
  .sec8 ul li .sec8_t{font-size: 0.25rem;}
  .sec8_jian{font-size: 0.14rem;}
  .sec1_left ul{width:92%}
 .piccon3 .p2{font-size: 60px;margin-bottom: 20px}
  .piccon3 .p1{margin-bottom: 10px}
  .contextpic{margin-top: 6%}
  .sec4_con ul{padding-top: 0.2rem}
   .sec4{height:9rem}
   .sec4_con{height: 6.5rem}
   .sec8_pc img{width: 75%}
   .sec6_right .sec6_jian{font-size: 0.2rem;}

}

.banner{width:100%;clear:both}
.flexslider{position:relative;height:auto;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{}
.flex-control-nav{position:absolute;bottom:5px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;height:24px;margin:0 10px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:24px;height:24px;line-height:40px;overflow:hidden;background:url(../images/border2.png) center no-repeat;cursor:pointer; text-indent:-999999px;}
.flex-control-nav .flex-active{background-position:0 -31px;width:24px;height:24px;background:url(../images/border1.png) center no-repeat;}

.sec12{width: 100%;background:#181818;padding: 75px 0}
.sec12_tit p:nth-child(1){font-size: 0.36rem;color: #fff;font-weight: bold;text-align: center;margin-bottom: 0px}
.sec12_tit p:nth-child(2){font-size: 0.2rem;color: #fff;text-align: center;text-transform: uppercase;}
.sec12_main{width:90%;margin: 0 auto;padding-top: 1.4rem;max-width: 1400px}
.sec12_tel{font-size: 0.34rem;color: #fff;background: url('../images/sec12_tel.png') no-repeat center left;height:0.41rem;line-height:0.41rem;padding-left: 0.6rem;margin-top: 0.15rem}
.code{margin-left: 0.5rem;margin-top: 0.1rem}
.sec12_left{padding-top: 0.15rem;width: 460px;float: left;}
.sec12_right{width: 7.87rem;float: right;}
.input1{width: 2.46rem;border-bottom: 1px solid #fff;height: 50px;line-height: 50px;margin-right: 24px;color: #fff;float: left;}
.sec12_right .input2{border-bottom: 1px solid #fff;width: 100%;color: #fff}
.input1 input,.input2 textarea{background: transparent;color: #fff;border:0px;width: calc(100%);float: right;border:0px;outline: 0px}
.sec12_right li span{height: 50px;line-height: 50px;display: inline-block;width: 50px;text-align: center;float: left;}
.input1:nth-child(3){margin-right: 0px}
.input2{margin-top:35px;}
.input2 span{height: 70px;line-height: 70px;}
.input2 textarea{padding-top:15px;min-height: 70px;}
.input1 input{height: 50px;line-height: 50px;}
.sub{width: 168px;height: 55px;line-height: 55px;display: block;margin:50px auto 0;font-size: 16px;color: #fff;border:1px solid #fff;text-align: center;border-radius: 40px}
.bot{text-align: center;color: #fff;font-size: 14px;padding: 30px 0;border-top: 1px solid #3a3838;background: #1a1a1a}
@media (max-width:1500px){
  .sec12_right{width: 7rem;}
  .input1{width: 2.2rem;margin-right: 20px;}
}
@media (max-width:1400px){
  .sec12_right{width: 6rem;}
  .input1{width:1.93rem;margin-right: 10px;}
  .sec7 ul{padding: 0 3%}
}

/*新增样式*/
.sec1_type{width:100%;position: relative;height: 86px;overflow:hidden;}
.sec1_type ul{background: #5ed2e5;width: 1392px;margin:0 auto;}
.sec1_type li{height: 86px;line-height: 86px;font-size: 23px;text-align: center;overflow: hidden;
position: relative;display: block;float: left;width:25%;}
.sec1_type li a{color: #fff;position: relative;display: block;}
.nav_box_hk {
    height: 86px;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 232px;
    background: #072f55;
}
.sec2{padding: 100px 0}
.sec2_nr{max-width: 1550px;margin:0 auto;width: 90%;}
.sec2_pic{width: 570px;float: left;}
.sec2_pic img{width: 100%}
.sec2_nr ul{float: right;width:calc(100% - 570px) }
.sec2_nr ul li{width:calc(50% - 15px);height: 268px;background: #f0f0f0;float:left;margin-bottom: 15px;margin-left: 15px;position: relative;}
.sec2_nr ul li .sec2_txt{position: absolute;top:50%;left:50%;transform:translate(-55%,-50%);color: #656565;width: 370px;max-width:70%}
.sec2_bt{font-size: 24px;}
.sec2_info{font-size: 16px;padding-top:10px;}
.sec2_more{background: url('../images/jt.png') no-repeat center left;width: 41px;height: 16px;display: block;margin-top: 40px}

.sec3{background: url('../images/ads.jpg') no-repeat center center;height: 446px;width: 100%}
.sec3_con{width: 1200px;margin:0 auto;}
.sec3_con img{margin-left: 95px;margin-top: 105px;animation: pulse 2s linear infinite;
-webkit-animation: pulse 2s linear infinite;}

.ban_bg{position: absolute;bottom: 0;width: 100%}

.sec1_bg1{width: 100%;background: url('../images/sec1_bg1.jpg') no-repeat center bottom;}
.sec1_main{width: 1200px;margin:0 auto;position: relative;height: 700px;}
.sec1_bg1 li{background: url('../images/tip.png') no-repeat center bottom;padding-bottom: 275px;width: 100px;}
.sec1_bg1 li:nth-child(1){position: absolute;left:-28px;bottom: 192px}
.sec1_bg1 li:nth-child(2){position: absolute;left:154px;bottom: 132px}
.sec1_bg1 li:nth-child(3){position: absolute;left:374px;bottom: 270px}
.sec1_bg1 li:nth-child(4){position: absolute;left:509px;bottom: 208px}
.sec1_bg1 li:nth-child(5){position: absolute;left:640px;bottom: 130px}
.sec1_bg1 li:nth-child(6){position: absolute;left:750px;bottom:200px}
.sec1_bg1 li:nth-child(7){position: absolute;left:851px;bottom:258px}
.sec1_bg1 li:nth-child(8){position: absolute;left:1061px;bottom:132px}
.icon{position: absolute;left:0px;bottom: 180px;width: 100px;height: 90px;}
.icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.tip{text-align: center;font-size: 20px;color: #323232;padding-bottom: 15px}

.sec1_info{transition:all 0.8s;position: absolute;left: 114px;top:-55px;background: #fff;width: 228px;padding:17px 35px 27px;z-index: 1;border: 1px solid #dcdcdc;color: #746a6a;border-radius: 3px;display: none;}
.sec1_info p{margin-top: 10px} 

.sec1_info i{
     background: url('../images/jiantou.png') no-repeat center right;width: 16px;height: 17px;
     top: 60px;
     right:226px;
     position: absolute;
     z-index: 1;

}



/*人资*/
.sec1_renzi ul{width: 1392px;margin:0 auto;padding: 150px 0}
.rz_icon{background:#7b8792 url('../images/rz_icon1.png') no-repeat center;}
.sec1_renzi li i{display: block;width: 80px;height: 80px;border-radius: 100%;margin:0 auto;}
.sec1_renzi li{width: 20%;text-align: center;margin-bottom: 50px;float: left;}
.sec1_renzi li p{font-size: 18px;color: #011930;padding-top: 15px;}

.sec1_renzi li:nth-child(1) i{background:#7b8792 url('../images/sec1_rz1.png') no-repeat center;}
.sec1_renzi li:nth-child(2) i{background:#7b8792 url('../images/sec1_rz2.png') no-repeat center;}
.sec1_renzi li:nth-child(3) i{background:#7b8792 url('../images/sec1_rz3.png') no-repeat center;}
.sec1_renzi li:nth-child(4) i{background:#7b8792 url('../images/sec1_rz4.png') no-repeat center;}
.sec1_renzi li:nth-child(5) i{background:#7b8792 url('../images/sec1_rz5.png') no-repeat center;}
.sec1_renzi li:nth-child(6) i{background:#7b8792 url('../images/sec1_rz6.png') no-repeat center;}
.sec1_renzi li:nth-child(7) i{background:#7b8792 url('../images/sec1_rz7.png') no-repeat center;}
.sec1_renzi li:nth-child(8) i{background:#7b8792 url('../images/sec1_rz8.png') no-repeat center;}
.sec1_renzi li:nth-child(9) i{background:#7b8792 url('../images/sec1_rz9.png') no-repeat center;}
.sec1_renzi li:nth-child(10) i{background:#7b8792 url('../images/sec1_rz10.png') no-repeat center;}

/*法务*/
.sec1_fawu{padding: 150px 0;width: 1488px;margin:0 auto;}
.sec1_fawu li{width: 357px;float: left;margin-left:20px;background: #fff;}
.sec1_fawu li:nth-child(1){margin-left: 0}
.sec1_fawu li p{height: 70px;line-height: 70px;text-align: center;font-size: 20px;color: #2a2a2a}
.sec1_fawu_pic img{display: block;width: 100%}

/*财务*/
.sec1_caiwu{width: 1600px;margin:0 auto;padding: 150px 0}
.sec1_caiwu li{width: 504px;float: left;margin-left: 44px}
.sec1_caiwu_pic{width: 100%;height: 237px;overflow: hidden;position: relative;}
.caiwu_bg{position: absolute;bottom: 0;left: 0;background: url('../images/caiwu_bg.png') no-repeat center ;width: 100%;height: 237px;}
.sec1_caiwu p{font-size: 24px;color: #072f55;text-align: center;padding-top: 15px}
.sec1_caiwu li:nth-child(1){margin-left: 0}
.yuan{width: 60px;height: 60px;background: #fff;border-radius: 100%;position: absolute;bottom: 9px;left:50%;transform:translateX(-50%);}
.sec1_caiwu li:hover .yuan{background: rgba(89,146,158,0.7);}
.sec1_kehu{width: 1280px;margin:80px auto;background: #f6f6f6}
.sec1_kehu_left{float: left;width: 641px}
.sec1_kehu_left img{display: block;width: 100%}
.sec1_kehu_right{width: 639px;float: right;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.sec1_kehu_right li{height: 240px;border-top:1px solid #d9d9d9;padding: 55px 70px 30px}
.sec1_kehu_tit{font-size: 24px;color: #313131}
.sec1_kehu_jian{font-size: 14px;color: #313131;line-height: 25px;padding-top: 15px}
.sec1_ul{display: none;}


.sec1_ul_active.sec1_bg1{
    -webkit-animation: zoomInUp 1s;
    animation: zoomInUp 1s;
        animation-fill-mode: none;
    animation-fill-mode: both;
}
.sec1_ul_active.sec1_renzi li{
  -webkit-animation: zoomIn 1s;
  animation: zoomIn 1s;
  animation-fill-mode: none;
  animation-fill-mode: both;
} 
.sec1_ul_active.sec1_fawu li {
    -webkit-animation: zoomIn 1s;
    animation: zoomIn 1s;
    animation-fill-mode: none;
    animation-fill-mode: both;
}

.sec1_ul_active.sec1_caiwu li:nth-child(1){
  -webkit-animation: fadeInLeft 1s;
  animation: fadeInLeft 1s;
  animation-fill-mode: none;
  animation-fill-mode: both;
}
.sec1_ul_active.sec1_caiwu li:nth-child(2){
  -webkit-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
  animation-fill-mode: none;
  animation-fill-mode: both;
}
.sec1_ul_active.sec1_caiwu li:nth-child(3){
  -webkit-animation: fadeInRight 1s;
  animation: fadeInRight 1s;
  animation-fill-mode: none;
  animation-fill-mode: both;
}
.sec1_ul_active.sec1_kehu{
  -webkit-animation: pulse 1s;
  animation: pulse 1s;
  animation-fill-mode: none;
  animation-fill-mode: both;
}


.sec1_bg1 li:hover .sec1_info{display:block;-webkit-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
  animation-fill-mode: none;
  animation-fill-mode: both;}
.sec2_more{transition:all 1s;}
.sec2_more:hover{-webkit-transform: translateX(15px);
    transform:  translateX(15px);}
.banner .slides{height: 100%}
.ban2{background:#f2f6f9 url('../images/banner3.jpg') no-repeat center bottom ;height: 100%}

.ban2_bg {
    background: -webkit-linear-gradient(to bottom, #ccc 0%, #f2f6f9 100%);
    background: -moz-linear-gradient(to bottom, #ccc 0%, #f2f6f9 100%);
    background: -o-linear-gradient(to bottom, #ccc 0%, #f2f6f9 100%);
    background: linear-gradient(to bottom, #ccc 0%, #f2f6f9 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.5;
    animation: color1 10s linear infinite;
}
.ban1_nr2{width: 680px;margin:0 auto;padding-top: 180px;position: relative;z-index: 10;}
.ban1_nr2_t1{padding-bottom: 30px}
.ban1_nr2_t2{padding-bottom: 20px}

.flex-active-slide.ban2{
  -webkit-animation: background_up 1.5s;
  animation: background_up 1.5s; animation-fill-mode: both;
}


@-webkit-keyframes background_up {
  from {
   background:#f2f6f9  no-repeat center bottom -444px;
  }

 
  to {
    background:#f2f6f9  no-repeat center bottom 0;
  }
}

@keyframes background_up {
  from {
   background:#f2f6f9  no-repeat center bottom -444px;
  }

 
  to {
    background:#f2f6f9  no-repeat center bottom 0;
  }
}

.flex-active-slide.ban2 .ban1_nr2_t1{
  -webkit-animation: zoomIn 1.5s;
  animation: zoomIn 1.5s; animation-fill-mode: both;
  animation-delay:0.1s;
  -webkit-animation-delay:0.1s; 
}
.flex-active-slide.ban2 .ban1_nr2_t2{
  -webkit-animation: fadeInUp 1.5s;
  animation: fadeInUp 1.5s; animation-fill-mode: both;
  animation-delay:0.2s;
  -webkit-animation-delay:0.2s; 
}

.flex-active-slide.ban2 .ban1_nr2_t3{
  -webkit-animation: fadeInUp 1s;
  animation: fadeInUp 1s; animation-fill-mode: both;
  animation-delay:1s;
  -webkit-animation-delay:1s; 
}

.flex-active-slide .ban1_pic{
  -webkit-animation: zoomIn 1.5s;
  animation: zoomIn 1.5s; animation-fill-mode: both;
}
.flex-active-slide .ban1_pic img:nth-child(2){
  -webkit-animation: fadeInUp 1.5s;
  animation: fadeInUp 1.5s; animation-fill-mode: both;
}

.ban1_left{width: 55px;position: absolute;top:26px;left: -87px;height: 31px}
.ban1_left span:nth-child(1){
 width: 12px;height: 18px; background: url('../images/l1.png') no-repeat center left;position: absolute;left: 6px;top:9px;
}
.ban1_left span:nth-child(2){
 width: 17px;height: 25px; background: url('../images/l2.png') no-repeat center left;position: absolute;left: 20px;top:5px;
}
.ban1_left span:nth-child(3){
 width:20px;height: 31px; background: url('../images/l3.png') no-repeat center left;position: absolute;left:36px;top:0;
}
.ban1_right{width: 55px;position: absolute;top:26px;right: -87px;height: 31px}
.ban1_right span:nth-child(1){
 width: 12px;height: 18px; background: url('../images/r1.png') no-repeat center left;position: absolute;right: 6px;top:9px;
}
.ban1_right span:nth-child(2){
 width: 17px;height: 25px; background: url('../images/r2.png') no-repeat center left;position: absolute;right: 20px;top:5px;
}
.ban1_right span:nth-child(3){
 width:20px;height: 31px; background: url('../images/r3.png') no-repeat center left;position: absolute;right:36px;top:0;
}


.ban1_left span,.ban1_right span{
  display: block;
  -webkit-animation: load 1.04s ease infinite;
}

@-webkit-keyframes load{
            0%{
                opacity: 1;
            }
            100%{
                opacity: 0;
            }
}
.ban1_left span:nth-child(1),.ban1_right span:nth-child(1){ -webkit-animation-delay:0.13s;}
.ban1_left span:nth-child(2),.ban1_right span:nth-child(2){-webkit-animation-delay:0.26s; }
.ban1_left span:nth-child(3),.ban1_right span:nth-child(3){-webkit-animation-delay:0.39s;}
.ban1_bg{background: url('../images/ban1_bg.png') no-repeat center bottom;position: absolute;top:50%;right: 0;width: 100%;height: 489px;transform:translateY(-50%);opacity: 0.5;}

.flex-active-slide .ban1_bg{
  -webkit-animation: ban1_opacity 3s ease infinite;
  animation: ban1_opacity 3s ease infinite; 
}


@-webkit-keyframes ban1_opacity {
  from {

    opacity: 0.2;
  }
  50% {

    opacity: 0.7;
  }

  to {

     opacity: 0.5;
  }
}

.sec1_renzi li i{transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;}
.sec1_renzi li:hover i{transform:scale(1.1);}



.sec1_fawu li .sec1_fawu_pic,.sec1_caiwu li .sec1_caiwu_pic{overflow: hidden;}
.sec1_fawu li .sec1_fawu_pic img,.sec1_caiwu li .sec1_caiwu_pic img{
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
      transition:all 1s;
    }

.sec1_fawu li:hover .sec1_fawu_pic img,.sec1_caiwu li:hover .sec1_caiwu_pic img{
      
      -webkit-transform: scale(1);
      transform: scale(1);
    }

.sec2_nr ul li{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, rgba(94,210,249,1), rgba(94,210,249,1), rgba(240,240,240,1), rgba(240,240,240,1));
  background-position: 1% 50%;
  background-size: 300% 300%;
}
.sec2_nr ul li:hover{background-position: 99% 50%;}
.sec2_nr ul li:hover .sec2_txt{color: #fff}

.dec10_btn{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, #ff8f00, #ff8f00, rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 99% 50%;
  background-size: 300% 300%;
  border: 1px solid #ff8f00;
}
.dec10_btn:hover{
  color:#ff8f00;
  background-position: 1% 50%;
}
.sub{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 99% 50%;
  background-size: 300% 300%;
  border: 1px solid #fff;
  color: #181818;
}
.sub:hover{
  color:#fff;
  background-position: 1% 50%;
}

.sec12_right form li{position: relative;height: 50px;line-height: 50px;}
.sec12_right form li span {
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 0px;
    top: -3px;
    transition: 0.1s ease all;
    -moz-transition: 0.1s ease all;
    -webkit-transition: 0.1s ease all;
}
.sec12_right form li span.focus_label{
  top: -27px;
  font-size: 15px;
  color: #fff;
  font-weight: 500; 

}

.sec12_right form li .form-control:focus,.sec12_right form li .form-control[value]:not([value=""]) {
    border-bottom-color: #007bff;
    color: #fff;
}
.sec1_nr{overflow: hidden;}