.clearfix:before,.clearfix:after{content: '';display: block;clear: both;}
/*首页*/
.banner1_1{ display:none;}
.h540{ height:500px;}
.banner1{ position:relative; overflow:hidden; z-index:2; display:block;}
.h500 li{ height:500px;}
.banner1 .btnDiv{ position:absolute; height:10px; left:0px; bottom:20px; width:100%; text-align:center; z-index:3;}
.banner1 .btnDiv span{display:inline-block; background:url(../images/ico1.png) right top no-repeat; width:10px; height:10px; margin:0 10px;}
.banner1 .btnDiv .on{background:url(../images/ico1on.png) left top no-repeat;}

.indexPart2 {padding: 70px 0;margin-left: 32px;}
.indexPart2 h2{text-align: center; font-size: 36px; color: #2c2c2c; font-weight: normal;}
.indexPart2 p{font-size: 16px; color: #666; text-align: center; margin: 25px 0 55px;}
.indexPart2 .list ul{max-width: 816px; clear: both;margin: 0 auto ;}
.indexPart2 .list li{float: left; width: 240px; margin-top: 20px; height: 230px; background: #f6f6f6; margin-right: 32px; text-align: center; padding-top: 38px;}
.indexPart2 .list li .img{transition: all .2s;}
.indexPart2 .list li span{display: block; font-size: 14px; color: #666; margin-top: 20px;}

.indexPart2 .list li .img:hover{animation: spinAround 2s linear;}

 @keyframes spinAround {
 from {
 transform: rotate(0deg)
}
to {
    transform: rotate(360deg);
}
}



.indexPart1{padding: 50px 0;}
.bgf6{background: #f6f6f6;}
.indexPart1 .cont{width: 575px; margin-top: 22px;}
.indexPart1 .wal > h2{font-size: 36px;text-align: center; color: #2c2c2c; font-weight: normal; padding-bottom: 50px;}
.indexPart1 .cont p{font-size: 16px; line-height: 30px; color: #666; text-indent: 2em;}
.indexPart1 .cont a{display: inline-block; margin-top: 30px; height: 34px; line-height: 34px; width: 82px; text-align: center; font-size: 12px; color: #fff; background: #249ade; border-radius: 2px;}

.hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2ba9f1; -webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {color: #fff;}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1);}

.indexPart1 .imgDiv{padding: 12px; border: 2px solid #dedede;}
.indexPart1 .imgDiv img{ transition: all .2s;}
.indexPart1 .imgDiv img:hover{transform: scale(1.1);}

.indexPart3{ padding: 50px 0 50px;margin-bottom:50px;}
.indexPart3 h2{ font-size: 36px; color: #2c2c2c; font-weight: normal; text-align: center;}
.indexPart3 .cont{ margin-top: 45px;}
.indexPart3 .tal{text-align: left;}
.indexPart3 .tar{text-align: right;}
.indexPart3 .cont .list{width: 574px; height: 380px; margin-bottom: 30px;}
.indexPart3 .cont .list .list_1{background: #249ade; width: 196px; height: 380px; text-align: center;}
.indexPart3 .cont .list .list_1 h3{font-size: 30px; font-weight: normal; color: #fff; padding-bottom: 75px;}
.indexPart3 .cont .list .list_1 a{font-size: 14px; color: #fff;}
.indexPart3 .cont .list .list_1 a:hover{ opacity:0.5;filter:alpha(opacity=50);filter:"alpha(opacity=50)";}
.indexPart3 .cont .list .list_2{position: relative; width: 378px; height: 380px;}
.indexPart3 .cont .list .list_2 h3{ font-size: 18px; color: #fff; display: block; line-height: 24px; margin-bottom: 25px;}
.indexPart3 .cont .list .list_2 p{font-size: 14px; color: #fff; line-height: 26px;}
.indexPart3 .cont .list .tal h3{padding-left: 8px; border-left: 4px solid #5cc3ff;}
.indexPart3 .cont .list .tar h3{padding-right: 8px; border-right: 4px solid #5cc3ff;}
.indexPart3 .cont .list .tal .cont1{position: absolute; left: 16px; top: 120px;}
.indexPart3 .cont .list .tar .cont1{position: absolute; right: 16px; top: 120px;}

.indexPart4{padding: 36px 0 100px 0;}
.indexPart4 .cont{width: 575px; margin-top: 22px;}
.indexPart4 .wal > h2{font-size: 36px;text-align: center; color: #2c2c2c; font-weight: normal; padding-bottom: 36px;}
/*.indexPart4 ul p{font-size: 14px; line-height: 30px; color: #666; text-indent: 2em;}*/
.indexPart4 ul { text-align: center; }
.indexPart4 ul li a{font-size: 15px; color: #fff;   }
.indexPart4 ul li{display: inline-block; background: #7a7a7a;   width: 240px; margin-top: 20px; height: 100px; line-height: 100px;  margin-right: 32px; text-align: center;  border-radius: 2px;
 }

/*关于我们*/
.banImg{height: 270px; background: url(../images/nimg1920_bg1.jpg) center top no-repeat; text-align: center; line-height: 270px;}
.banImg p{font-size: 46px; color: #fff; font-family: "思源黑体";}

.abouTitle{padding-bottom: 20px; border-bottom: 1px solid #eaeaea;}
.abouTitle h1{font-size: 22px; color: #2c2c2c; font-weight: normal; padding-left: 10px; border-left: 12px solid #dcdcdc; height: 30px; line-height: 30px;}
.abouTitle h1 strong{font-size: 18px; color: #999; font-weight: normal; margin-left: 8px;}

.aboutPart1{padding: 60px 0 80px;}
.aboutPart1 .list{margin-top: 34px;}
.aboutPart1 .list .list_1{width: 730px;}
.aboutPart1 .list .list_1 p{font-size: 14px; color: #666; line-height: 30px; text-indent: 2em;}
.aboutPart1 .list .list_1 p em{font-size: 22px; color: #249ade;}

.aboutPart2{padding-bottom: 80px;}
.aboutPart2 .list{margin-top: 50px;}
.aboutPart2 .list ul{width: 105%;}
.aboutPart2 .list li{ float:left; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec;}
.aboutPart2 .list li img{ transition: all .2s;}
.aboutPart2 .list li img:hover{transform:scale(1.1);}
.aboutPart2 .list .li6,
.aboutPart2 .list .li12,
.aboutPart2 .list .li18,
.aboutPart2 .list .li24{ border-right: none;}
.aboutPart2 .list .li19,
.aboutPart2 .list .li20,
.aboutPart2 .list .li21,
.aboutPart2 .list .li22,
.aboutPart2 .list .li23,
.aboutPart2 .list .li24{ border-bottom: none;}

.aboutPart3{margin-top: 30px; padding-top: 55px;}
.aboutPart3 p{text-align: center; font-size: 16px; color: #2c2c2c; line-height: 28px; margin-bottom: 30px;}
.aboutPart3 .list{ height: 830px; background: url(../images/nimg1180_1.png) center no-repeat; padding: 60px 80px 0;}
.aboutPart3 .list li{position: relative; padding-left: 124px; font-size: 16px; color: #fff; line-height: 46px; margin-bottom: 16px;}
.aboutPart3 .list li span{ position: absolute; left: 0px; top: 0px; display: block; width: 116px; text-align: right;}
.aboutPart3 .list li input{width: 340px; height: 46px; border: 1px solid #e7e7e7; border-radius: 2px; background: #fff; font-size: 16px; color: #666; text-indent: 10px;}
.aboutPart3 .list li em{margin-left: 80px;}
.aboutPart3 .list li .edit{border: 1px solid #e7e7e7; border-radius: 2px; background: #fff; height: 220px; width: 820px; padding:0 10px;}
.aboutPart3 .list li .edit textarea{width: 100%; height: 218px; resize: none; font-size: 16px; color: #666;}
.aboutPart3 .list li .yzm{ height: 46px; width: 100px; overflow: hidden; margin-left: 9px;}
.aboutPart3 .list li .aDiv{padding-top: 24px;}
.aboutPart3 .list li .aDiv a{display: inline-block; height: 54px; line-height: 54px; width: 200px; text-align: center; border-radius: 4px; background: #6fc827; font-size: 18px; color: #fff;}

.aboutPart3 .list li .aDiv a{ vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.aboutPart3 .list li .aDiv a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #78d929; -webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.aboutPart3 .list li .aDiv a:hover,.aboutPart3 .list li .aDiv a:focus, .aboutPart3 .list li .aDiv a:active {color: #fff;}
.aboutPart3 .list li .aDiv a:hover:before,.aboutPart3 .list li .aDiv a:focus:before, .aboutPart3 .list li .aDiv a:active:before { -webkit-transform: scale(1); transform: scale(1);}

/*业务范围*/
.section{overflow:hidden; position:relative;}
#fp-nav{ position:fixed; right:2%; top:65%;}
#fp-nav a{background:url(../images/ico2.png) center no-repeat; height:14px; width:14px; margin-bottom:18px; display:block;}
#fp-nav .active{background:url(../images/ico2on.png) center no-repeat;}

.busiPart1{height: 100%; background: url(../images/nimg1920_bg2.jpg) center top no-repeat; position: relative;}
.busiPart1 h1{font-size: 48px; color: #fff; font-weight: normal; text-align: center; padding:72px 0 55px;}
.buH2_1{font-size: 34px; color: #fff; font-weight: normal; text-align: center; position: relative;}
.buH2_1 span{ display: inline-block; padding: 0 24px; height: 37px; line-height: 37px;}
.buH2_1 span::before{content: "";background: url(../images/bg2.png); position: absolute; left: 0%; top: 18px; width: 45%; height: 1px;}
.buH2_1 span::after{content: "";background:url(../images/bg2.png); position: absolute; right: 0%; top: 18px; width: 45%; height: 1px;}

.buH2_2{font-size: 34px; color: #2c2c2c; font-weight: normal; text-align: center; position: relative;}
.buH2_2 span{ display: inline-block; padding: 0 24px; height: 37px; line-height: 37px;}
.buH2_2 span::before{content: "";background:#dcdcdc; position: absolute; left: 0%; top: 18px; width: 45%; height: 1px;}
.buH2_2 span::after{content: "";background:#dcdcdc; position: absolute; right: 0%; top: 18px; width: 45%; height: 1px;}
.busiPart1 .list{margin-top: 65px;}
.busiPart1 .list ul{width: 110%;}
.busiPart1 .list li{float: left; width: 220px; margin-right: 20px;}
.busiPart1 .list li .imgDiv{ width: 220px; height: 220px; overflow: hidden; position: relative; transition: all .3s;}
.busiPart1 .list li .imgDiv .tips{position: absolute; width: 100%; height: 38px; line-height: 38px; left: 0px; bottom: 0px; z-index: 2; background:url(../images/bg1.png); font-size: 14px; color: #fff;}
.busiPart1 .list li .imgDiv .tips span{ margin-left: 10px; display: inline-block; padding-left: 30px; background: url(../images/ico3.png) left center no-repeat;}
.busiPart1 .list li .imgDiv .tips em{position: absolute; right: 14px; top: 0px;}
.busiPart1 .list li .imgDiv .tips2{position: absolute; width: 100%; left: 0px; bottom: 0px; z-index: 2; background:url(../images/bg1.png); font-size: 14px; display: none;}
.busiPart1 .list li .imgDiv .tips2 a{display: block; height: 38px; line-height: 38px; color: #fff; border-bottom: 1px solid #5f5754;position: relative;}
.busiPart1 .list li .imgDiv .tips2 a:last-child{border-bottom: none;}
.busiPart1 .list li .imgDiv .tips2 a span{ margin-left: 10px; display: inline-block; padding-left: 30px; background: url(../images/ico3.png) left center no-repeat;}
.busiPart1 .list li .imgDiv .tips2 a i{display: block; width: 24px; height: 24px; background: url(../images/ico4.png) no-repeat; position: absolute; right: 16px; top: 50%; margin-top: -12px;}
.busiPart1 .list li .imgDiv:hover .tips{display: none;}
.busiPart1 .list li .imgDiv:hover .tips2{display: block; animation: mymove 0.3s;}
@keyframes mymove
{
from {bottom:-77px;}
to {bottom:0px;}
}
.busiPart1 .list li h3{font-size: 18px; color: #fff; text-align: center; font-weight: normal; padding:29px 0; }
.busiPart1 .audioDiv{ background: #000; text-align: center; padding: 20px 0; display: none; position: relative;z-index: 20;}
.arrow{width: 54px;height: 31px; position: absolute; bottom: 20px; left: 50%; margin-left: -27px; z-index: 10; background: url(../images/nimg54_1.png) no-repeat; cursor: pointer; animation: arrow 2s infinite;}

@keyframes arrow{ 
	%0,%100{bottom:10px; opacity:1;}
	50%{bottom:50px; opacity:.5} 
}

.busiPart2{padding-top: 75px;}
.busiPart2 .cont2{text-align:center; margin-top: 64px; position: relative;}
.busiPart2 .cont2 .list_1{position: absolute; top: 0px; left: 50%; margin-left: -540px;}
.busiPart2 .cont2 .list_2{position: absolute; top: 0px; left: 50%; margin-left: 300px;}
.busiPart2 .cont2 li{margin-bottom:47px; line-height: 90px; font-size: 20px; color: #2c2c2c; position: relative; padding-left: 120px;}
.busiPart2 .cont2 li i{position: absolute; left: 0px; top: 0px;}
.busiPart2 .cont2 li i:hover{animation: spinAround 2s linear;}

.busiPart3{background: url(../images/nimg1920_bg3.jpg) center top no-repeat; padding-top: 100px;}
.busiPart3 .list{ margin-top: 125px;}
.busiPart3 .list ul{width: 110%;}
.busiPart3 .list li{float: left; width: 380px; text-align: center; margin-right: 20px;}
.busiPart3 .list li h3{font-size: 18px; color: #fff; font-weight: normal; padding-bottom: 40px;}
.busiPart3 .list li .vedioImg{position: relative; transition: all .3s; width: 380px; height: 240px; overflow: hidden;}
.busiPart3 .list li .vedioImg i{display: none; width: 54px; height: 54px; background: url(../images/nimg54_2.png) no-repeat; position: absolute;left: 50%; top: 50%;margin-left: -27px; margin-top: -27px;}
.busiPart3 .list li .vedioImg:hover i{display: block;}
.busiPart3 .list li .vedioImg:hover img{ transition: all .5s; transform: scale(1.1);}
.h2_1 span::before{content: "";width: 43%;}
.h2_1 span::after{content: "";width: 43%;}

.busiPart4{background: url(../images/nimg1920_bg4.jpg) center top no-repeat; padding-top: 80px;}
.busiPart4 .list{margin-top: 80px;}
.busiPart4 .list .list_1{margin-bottom: 40px;}
.busiPart4 .list .img{float: left; margin-right: 22px;}
.busiPart4 .list li{float: left;margin-left: 16px; width: 300px; height: 210px; overflow: hidden; position: relative;}
.busiPart4 .list .list-1 li:hover img{ transition: all .5s; transform: scale(1.1);}
.busiPart4 .list .list-2 li img{position: relative; z-index: 5;}
.busiPart4 .list .list-2 li .bgDiv{position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 0px; transition: width 1.5s; background: #da396e;}
.busiPart4 .list .list-2 li:hover .bgDiv{width: 100%;}

.busiPart5{background: url(../images/nimg1920_bg5.jpg) center top no-repeat; padding-top: 80px;}
.busiPart5 h1{font-size: 48px; color: #2c2c2c; font-weight: normal; padding-bottom: 76px; text-align: center;}
.h2_2 span::before{content: "";width: 41%;}
.h2_2 span::after{content: "";width: 41%;}
.busiPart5 .list{margin-top: 100px;}
.busiPart5 .list ul{width: 110%;}
.busiPart5 .list li{float: left; padding-left: 105px; width: 268px; height: 92px; border: 1px solid #b9def4; position: relative; margin: 0 33px 50px 0; background: #fff; transition: all .3s;}
.busiPart5 .list li i{position: absolute; left: 0px; top: 0px;}
.busiPart5 .list li .cont_li{height: 92px; display: table-cell; vertical-align: middle;}
.busiPart5 .list li .cont_li p{font-size: 14px; color: #2c2c2c; line-height: 20px;}
.busiPart5 .list li .cont_li span{font-size: 12px; color: #999; line-height: 24px;display: block;}

.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(36, 154, 222, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(36, 154, 222, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.busiPart6{background: url(../images/nimg1920_bg6.jpg) center top no-repeat; padding-top: 100px;}
.busiPart6 .list{margin-top: 170px;}
.busiPart6 .list ul{width: 110%;}
.busiPart6 .list li{float: left; margin-right: 8px; position: relative; padding: 0 10px; transition: all .3s;}
.busiPart6 .list li i{ display: block; width: 88px; height: 88px; position: absolute; left: 50%; margin-left: -44px; top: -64px;}
.busiPart6 .list .li_1{background: #2daffa; font-size: 14px; color: #fff;}
.busiPart6 .list .li_2{background: #e5e5e5; font-size: 14px; color: #2c2c2c;}
.busiPart6 .list li .liDiv{ width: 120px; height: 280px; display: table-cell; vertical-align: middle; text-align: center;}
.busiPart6 .list li:hover{transform: translateY(-20px);}

.busiPart7{padding-top: 70px;}
.busiPart7 .list{margin-top: 63px; position: relative; height: 298px;}
.busiPart7 .list .cont{display: block; width: 166px; height: 166px; border: 2px solid #efefef; border-radius: 50%; text-align: center; padding-top: 100px; font-size: 14px; color: #666; position:absolute; cursor: pointer; transition: all .3s;}
.busiPart7 .list .cont i{ display: block; text-align: center; width: 100%; position: absolute; top: 30px; left: 0px;}
.busiPart7 .list .cont1{ left: 0px; top: 0px;
/*	animation: contMove2 2s infinite 0.5s;*/
}
.busiPart7 .list .cont2{ left: 337px; top: 0px; 
/*	animation: contMove2 2s infinite 1s;*/
}
.busiPart7 .list .cont3{ right: 337px; top: 0px;
/*	animation: contMove2 2s infinite 0.5s;*/
}
.busiPart7 .list .cont4{ right: 0px; top: 0px; 
/*	animation: contMove2 2s infinite 0.7s;*/
}
.busiPart7 .list .cont5{ left: 168px; bottom: 0px;
/*	animation: contMove 2s infinite 1s;*/
}
.busiPart7 .list .cont6{ left: 506px; bottom: 0px; 
/*	animation: contMove 2s infinite 0.3s;*/
}
.busiPart7 .list .cont7{ right: 168px; bottom: 0px;
/*	animation: contMove 2s infinite 0.4s;*/
}
.busiPart7 .list .cont:hover{ transform:translateY(-20px); -moz-transform:translateY(-20px); -o-transform:translateY(-20px); -ms-transform:translateY(-20px);}


@keyframes contMove{ 
	%0,%100{bottom:10px;}
	50%{bottom:20px;} 
}
@keyframes contMove2{ 
	%0,%100{top:-10px;}
	50%{top:20px;} 
}

.abFoot{position: absolute; left: 0px; bottom: 0px; width: 100%;}

*{
  margin:0;
  padding:0;
}
ul,ol,li{
  list-style: none;
}



.h3{
  font-size:36px;
  font-weight:400;
  text-align:center;
  line-height:40px;
}


/*如何获取开始*/
.huoqu-box{
  width:1200px;
  margin:20px auto;
  height:400px;
  text-align:center;
}
.huoqu-box h3{
  padding:0 0 10px 0;
}
.huoqu-box .huoqu-p{
  font-size:18px;
  padding:10px 0;
}
.huoqu-box p{
  width:100%;
}
.huoqu-box p img{
  margin:0 auto;
}

/*如何获取结束*/