*{margin: 0;padding: 0;font-family: "微软雅黑";}
li{list-style: none;}
a{text-decoration: none;}
.top{width: 100%;overflow: hidden;position: absolute;top: 0;left: 0;z-index: 999;padding: 24px 0;}
.top-cn{width: 1200px;margin: 0 auto;overflow: hidden;}
.top-cn .top-lf{float: left;display: inline-block;}
.top-cn .top-lf img{width:auto;}
.top-cn .top-lf h4{display: inline-block;font-size: 30px;line-height: 47px;color: #fff;float: right;font-weight: normal;}
.top-cn .top-lf span{display: inline-block;width: 2px;height: 43px;margin: 0 10px;background: #fff;}
.top-cn .top-rg{display: inline-block;float: right;}
.top-cn .top-rg li a{font-size: 18px;line-height: 47px;color: #fff;}
.top-cn .top-rg li{float: left;padding: 0 20px;}
.top-cn .top-rg li:hover a{border-bottom: 1px solid #fff;}

.fullSlide{width:100%;position:relative}
.fullSlide .bd{margin:0px auto;position:relative;z-index:0;overflow:hidden}
.fullSlide .bd ul{width:100% !important}
.fullSlide .bd li{width:100% !important;overflow:hidden;text-align:center;height: 700px;}
.fullSlide .bd li a{display:block}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;margin-right:11px;overflow:hidden;text-align:center;color:#333;font-size: 14px;background: #fff;width: 13px;height: 13px;border-radius: 50%;line-height: 999;}
.fullSlide .hd ul .on{background:#6985f7;}
.fullSlide .prev,.fullSlide .next{display:inline;position:absolute;z-index:1;top:50%;margin-top:-30px;left:40%; margin-left:-500px;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;}
.fullSlide .next{left:auto;right:40%; margin-right:-500px;background-position:-6px -137px}

.banner_add{width:100%;text-align: center;}
.banner_add .banner0{width: 1200px;margin: 0 auto;position: relative;text-align: center;}
.banner_add .banner0 div{display: inline-block;}
.banner_add .banner0 .banner_1{position: absolute;left: 37px;top: 445px;}
.banner_add .banner0 .banner_2{position: absolute;right: 35px;top: 161px;}
.banner_add .banner1 .banner_1{position: absolute;left: 0;top: 0;}
.banner_add .banner2 .banner_1{position: absolute;top: 152px;width: 854px;left: 173px;}
.banner_add .banner2 .banner_2{position: absolute;top: 355px;left: 0;}
.banner_add .banner1 .banner_1{position: absolute;top: 183px;left: 244px;}

.process{width: 100%;overflow: hidden;background:url(../images/bg011.png) no-repeat center bottom  #f7fafc;}
.process1{width: 1200px;margin: 0 auto;overflow: hidden;}
.process2{width: 1200px;margin: 20px auto;overflow: hidden;}
.process2 li{width: 387px;overflow: hidden;float: left;background: #fff;border-radius: 5px; box-shadow: 0 0 10px #ddd;text-align: center;padding: 40px 20px;box-sizing: border-box;height: 376px;position: relative;}
.process2 li div{margin-bottom:20px ;width: 100%;text-align: center;}
.process2 li .img2{display: none;margin: 0 auto;width: 145px;transition: all ease .5s;}
.process2 li h3{font-size: 24px;color: #000f2d;line-height: 25px;padding: 10px 0;font-weight: normal;overflow: hidden;}
.process2 li h4{background: url(../images/bg2.jpg) no-repeat center;font-size: 16px;color: #fff;width: 158px;height: 44px;line-height: 44px;font-weight: normal;margin:13px auto 0;
position: absolute;bottom: 40px;left:0;opacity: 0;transition: ease all .3s;}
.process2 li p{font-size: 20px;color: #414141;line-height:30px;padding: 10px 20px;font-weight: normal;overflow: hidden;position: absolute;top: 250px;left: 0;height: 80px;opacity: 0;transition: all ease .3s;}
.process2 li span{display: inline-block;padding:10px;border: 1px solid #1495fc;font-size: 16px;color: #1495fc;margin-top: 40px;transition:  all ease .3s;}
.process2 li:hover p{top: 200px;opacity: 1;}
.process2 li:hover .img1{display: none;}
.process2 li:hover .img2{display: block;}
.process2 li:hover h4{bottom: 40px;left: 114.5px;opacity: 1;}
.process2 li:hover span{display: none;}
.process2 li:nth-child(2){margin: 0 19px;}

.adv{width: 100%;overflow: hidden;background: url(../images/bg022.png) no-repeat center top;}
.adv1{width: 1200px;margin: 0 auto 220px;}
.title{width: 100%;overflow: hidden;text-align: center;padding: 20px 0;}
.title h3{font-size: 30px;color: #323232;line-height: 35px;font-weight: 500;padding: 10px 0 5px;}
.title p{font-size: 18px;color: #868686;line-height: 30px;font-weight: normal;text-transform: uppercase;}

.five-con{position: relative;font-size: 0;}
.five-tu{margin-top: 30px;text-align: center;}
.five-si{position: absolute;width: 400px;}
.fiv-zp{display: inline-block;vertical-align: middle;width: 77px;}
.fiv-zp img{width: 77px;}
.five-si .five-rf{display: inline-block;vertical-align: middle;margin-left: 14px;width: 290px;}
.fivw4 .five-rf,.fivw5 .five-rf,.fivw6 .five-rf{margin-left: 0px;margin-right: 14px;}
.five-rf h5{font-size: 25px;line-height: 25px;color:#414141;font-weight: normal;}
.five-rf p{font-size: 16px;line-height: 25px;color: #6a6a6a;margin-top: 15px;}
.fivw1{top:0;left:0px}
.fivw2{top:162px;left:0px}
.fivw3{top:375px;left:34px}
.fivw4{top:-6px;right:0px;text-align: right;width: 460px;}
.fivw4 .five-rf{width: 350px;}
.fivw5{top:143px;right:0px;text-align: right;}
.fivw6{top:346px;right:0px;text-align: right;}
.fivw7{top:459px;left:294px;text-align: right;width: 600px;text-align: center;}
.fivw7 .fiv-zp{width: 100%;overflow: hidden;margin-bottom: 10px;}
.fivw7 .five-rf{width: 600px;}
.bounceIntow{
   
   -webkit-animation-name: bounceIntow;
  animation-name: bounceIntow;

  -webkit-animation-duration: .8s;
  animation-duration: .8s;

  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@-webkit-keyframes bounceIntow {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIntow {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/*400功能介绍*/
.function{width: 100%;overflow: hidden;background: url(../images/bg4.jpg) no-repeat center;}
.function0{width: 1200px;margin: 0 auto;text-align: center;padding: 50px 0;}
.function0 .title{background: url(../images/zan.png) no-repeat left;display: inline-block;width: 330px;}
.function0 .title h3{color: #fff;}
.function0 .title p{color: #fff;font-size: 16px;}
.wrapper{width: 1200px;margin: 0 auto;}
.c-service {
    position: relative;
    width: 100%;
    height: 325px;
    overflow: hidden;
    background-color: #FFF;
    margin-bottom: 50px;
}

.c-service-item {
    position: absolute;
    left: 0;
    height: 321px;
    width: 100%;
    /*border-top: 4px solid #FFF;*/
    /*border-left: 1px solid #C3C3C3;*/
    /*transition: all 1s; */
    background-color: #FFF;
    box-shadow: 0 10px 10px #eee;
}
.c-service-item span{display: inline-block;position: absolute;top: 0;right: 0;width: 37px;height: 38px;}
.c-service-item span h3{color: #fff;margin-top: -4px;margin-left: 10px;font-weight: normal;}
    .c-service-item.first-child1 {
        border-left: none;
        width: 240px;
    }
/*.active1 span{background: url(../images/d2.png);}*/

.c-service-main {
	position: relative;
    float: left;
    width: 120px;
    height: 285px;
    text-align: center;
    padding:80px 20px;
    box-sizing: border-box;
}

    .c-service-main img {
        margin: 10px 0 15px;
    }

    .c-service-main>h3 {
        font-size: 20px;
        line-height: 30px;
        color: #3e3e3e;
        font-weight: 500;
        margin: 40px 0;
    }

    .c-service-main p {
        color: #666666;
        line-height: 24px;
        font-size: 15px;
     	display: none;   
    }

    .c-service-main a {
        width: 40%;
        margin: 0 auto;
        display: block;
        padding: 10px 20px;
        border: 1px solid #E2E2E2;
        color: #676767;
    }

        .c-service-main a:link, .c-service-main a:valid {
            color: #676767;
        }

.c-service-cnt {
    float: left;
    width: 256px;
    height: 100%;
    border-left: 1px solid #ECECEC;
}

.c-service-item.active1 {
    border-top-color: #1F8FFF;
    background-color: #FFF;
    width: 240px;
}
.c-service-item.active1 .c-service-main{
	width: 240px;
}
    .c-service-item.active1 .c-service-main a {
        background-color: #1D8CFF;
        border-color: #1D8CFF;
        color: #FFF;
        text-decoration: none;
    }

.c-service-c1-item {
    height: 59.5px;
    border-top: 1px solid #ECECEC;
    padding: 10px;
    line-height: 30px;
    
}
.c-service-item:nth-child(1) .jian{background: url(../images/d4.png);}
.c-service-item:nth-child(2) .jian{background: url(../images/d2.png);}
.c-service-item:nth-child(3) .jian{background: url(../images/d3.png);}
.c-service-item:nth-child(4) .jian{background: url(../images/d1.png);}
.c-service-item:nth-child(5) .jian{background: url(../images/d4.png);}
.c-service-item:nth-child(6) .jian{background: url(../images/d2.png);}
.c-service-item:nth-child(7) .jian{background: url(../images/d3.png);}
.c-service-item:nth-child(8) .jian{background: url(../images/d1.png);}
.c-service-item:nth-child(9) .jian{background: url(../images/d4.png);}

.c-service-item:nth-child(1) span{background: url(../images/k4.png);}
.c-service-item:nth-child(2) span{background: url(../images/k2.png);}
.c-service-item:nth-child(3) span{background: url(../images/k3.png);}
.c-service-item:nth-child(4) span{background: url(../images/k1.png);}
.c-service-item:nth-child(5) span{background: url(../images/k4.png);}
.c-service-item:nth-child(6) span{background: url(../images/k2.png);}
.c-service-item:nth-child(7) span{background: url(../images/k3.png);}
.c-service-item:nth-child(8) span{background: url(../images/k1.png);}
.c-service-item:nth-child(9) span{background: url(../images/k4.png);}
/*.first-child1 .c-service-main{width: 240px;}*/
    .c-service-c1-item.first-child,
    .c-service-c2-item.first-child {
        border-top: none;
    }

    .c-service-c1-item a, .c-service-c2-item a {
        display: inline-block;
        width: 50px;
        text-align: center;
        line-height: 24px;
        padding: 0 10px;
        color: #676767;
        border: 1px solid #C3C3C3;
    }



    .c-service-c1-item span {
        margin-left: 10px;
    }

    .c-service-c1-item big, .c-service-c2-item big {
        font-size: 18px;
    }

    .c-service-c1-item p {
        line-height: 29px;
    }

.c-service-c2-item {
    height: 120px;
    border-top: 1px solid #ECECEC;
    padding: 20px 10px;
    line-height: 30px;
}

.c-service-c3 a {
    width: 90px;
}

.c-service-c4 a {
    width: 30px;
}

.c-service-c4 .c-service-c1-item {
    height: 72px;
    padding-top: 25px;
}
.active1 p{display: block;}
.active1 .c-service-main{padding: 20px;}
.active1 img{display: none;}


.c-tongxin{width: 100%;overflow: hidden;}
.c-tongxin h3{font-size: 34px;color: #fff;font-weight: 500;line-height: 30px;display: inline-block;padding: 0 30px;}
.c-tongxin span{display: inline-block;font-size: 32px;color: #fff;margin: 0 100px;}
.c-tongxin a{display: inline-block;background: url(../images/bgg.png) no-repeat center;width: 195px;height: 45px;line-height: 45px;color: #fff;float: right;}

.case{width: 100%;overflow: hidden;background: url(../images/bgl.jpg) no-repeat center bottom;}
.case0{width: 1200px;margin: 0 auto;padding: 20px 0;}
.case0 ul li{float: left;width: 378px;margin: 20px 0;box-shadow: 0 0 10px #e2e2e2;}
.case0 ul li div{width: 100%;overflow: hidden;}
.case0 ul li img{float: left;transition: all ease .3s;}
.case0 ul li p{font-size: 22px;color: #3c3c3c;padding: 30px 0;background: #f9f9f9;clear: both;text-align: center;}
.case0 ul li:nth-child(3n-1){margin: 20px 33px;}
.case0 ul li:hover img{transform: scale(1.1,1.1);}

.bottom{width: 100%;overflow: hidden;background: url(../images/pp.jpg) no-repeat top center;position: relative;
/*padding-bottom: 100px;*/height: 650px;}
.bottom0{width: 1200px;margin: 0 auto;padding: 40px 0 30px 0;overflow: hidden;margin-top: 290px;}
.bottom0 .btm-lf{width: 600px;float: left;text-align: center;background: url(../images/tt.png) no-repeat center bottom;padding-bottom: 120px;overflow: hidden;}
.bottom0 .btm-lf h3{font-size: 30px;color: #fff;padding: 10px 0;font-weight: normal;}
.bottom0 .btm-lf p{font-size: 18px;color: #fff;}
.bottom0 .btm-rg{width: 400px;float: left;margin-top:20px ;}
.bottom0 .btm-rg h3{font-size: 24px;color: #fff;font-weight: normal;}
.bottom0 .btm-rg p{padding-top: 20px;line-height: 35px;width: 100%;overflow: hidden;font-size: 20px;color: #fff;}
.bottom0 .bottom1{text-align: center;font-size: 14px;color: #b6ceff;line-height: 30px;width: 100%;clear: both;
position: absolute;bottom: 0;padding: 20px;left: 0;}
.bottom0 .bottom1 img{padding: 0 5px;vertical-align: middle;}
.bottom>img{position: absolute;bottom: 0;left: 0;max-width: 100%;}
.sideToSide{
	animation-name: sideToSide;
	-webkit-animation-name: sideToSide;	

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
				
}
@-webkit-keyframes sideToSide {
  0% {
    -webkit-transform: translate(0%, 0%);
  }
  50% {
  	-webkit-transform: translate(-20px, 30px);
  }
  100% {
  	-webkit-transform: translate(0%, 0);
  }
}
@keyframes sideToSide {
   0% {
    -webkit-transform: translate(0%, 0%);
  }
  50% {
  		-webkit-transform: translate(-20px, 30px);
  }
  100% {
  	-webkit-transform: translate(0%, 0);
  }
}


.boingInUp {
  -webkit-animation-name: boingInUp;
  animation-name: boingInUp;
}
@-webkit-keyframes boingInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(-90deg);
  }
  
  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(50deg);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes boingInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(-90deg);
  }
  
  50% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(50deg);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
}