/*base*/
*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
a{color:#fff; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{ font-family:'Microsoft YaHei';}
.wrap{width: 100%;overflow-x: hidden;color: #333;text-align: center;}
.head{width: 17.55rem;margin: 0 auto;padding: 0.75rem 0 0.8rem; }
.head h1{width: 3.9rem;height: 1.2rem;}
.head h1 a{display: block;width: 100%;height: 100%;background: url(../img/logo.png) no-repeat;background-size: 100% 100%;text-indent: -999em;}
.head .txt{height: 1.15rem;border-left: 1px solid #666;margin-left: 0.4rem;text-align: left;}
.head .txt p{font-size: 0.45rem;font-weight: bold;color: #222;padding-left: 0.3rem;line-height: 0.55rem;padding-top: 0.1rem;}
.head .tel{background: url(../img/tel.png) no-repeat;background-size: 1.05rem 1.05rem;font-size: 0.75rem;color: #222;padding-left: 1.3rem;height: 1.05rem;line-height: 1.05rem;margin-top: 0.1rem;}

/*menu*/
.menu{
    height: 2.25rem;
    background: #222222;
}
.menu *{
    box-sizing: border-box;
}
.menu li{
    width: calc(100%/4);
    float: left;
    text-align: center;
    line-height: 2.25rem;
    font-size: 0.85rem;
    border-right: 1px solid #000;

}
.menu li:last-child{
    border-right: none;
}
.menu li.act{
    background:#f66118;
}
.menu li a{
    color: #fff;
    display: block;
}


/*banenr*/
.banner{width: 100%;}
.banner img{width: 100%;}
/*p1*/
.wid{width: 16.5rem;margin: 0 auto;border-radius: 0.6rem;}
.p1{margin: -5.75rem auto 0;position: relative;z-index: 999;height: 9.75rem;background: #fff;box-shadow: 0px 0px 0.75rem -0.05rem #bbb;}
.p1 .top{margin-left: 0.5rem;}
.p1 .top li{height: 3.05rem;border-right: 1px solid #d5d5d5; margin-top: 1.1rem;padding-right: 0.75rem;padding-left: 0.75rem;}
.p1 .top li:nth-child(3){border-right: none;}
.p1 .top li img{width: 3.65rem;}
.p1 .top li p{font-size: 0.75rem;}
.btn{display: block;width:15rem;height: 2.1rem;background: #f66118;border-radius: 0.3rem;margin: 0 auto;line-height: 2.1rem;}
.p1 .btn{margin-top: 2.3rem;}
.p2{height: 17.95rem;margin-top: 0.75rem;background: linear-gradient(130deg,#6291f9,#625ee6);background-size: 100% 100%;box-shadow: 0px 0px 0.5rem -0.075rem #625ee6;}
.p2 h2{font-size: 0.9rem;color: #fff;font-weight: bold;padding-top: 0.75rem;}
.p2 .con{width:15.5rem;height: 14.95rem;background: #fff;border-radius: 0.6rem;margin: 0.5rem auto 0;}
.p2 .top{padding-top: 1.15rem;}
.p2 .top h3{background: url(../img/bg1.jpg) no-repeat;background-size: 100% 100%;width: 5.75rem;height: 2.15rem;color: #fff;font-size: 0.85rem;font-weight: bold;line-height: 2.15rem;}
.p2 .top h4{font-size: 1.75rem;font-style: italic;font-weight: bold;padding-left: 0.55rem;padding-right: 0.8rem;line-height: 2.15rem;}
.p2 .top .last{background: url(../img/bg2.jpg) no-repeat;background-size: 100% 100%;}
.p2 .part{width: 14rem;margin: 1.1rem auto 0;}
.p2 .part .clearfix{margin-bottom: 1.25rem;}
.p2 .part .con1,.p2 .part .con2{width: 6.05rem;font-size: 0.65rem;}
.p2 .part .con1 .line,.p2 .part .con2 .line{width: 100%;height: 0.2rem;background: #e5e5e5;border-radius: 0.3rem 0 0 0.3rem;position: relative;margin-top: 0.4rem;}
.con1 .line span,.con2 .line span{background: #f96f64;height: 100%;position: absolute;top: 0;border-radius: 0.3rem 0 0 0.3rem;}
.con1 .left span{right: 0;}
.con2 .right span{left: 0;}
.p2 .part img{width: 1.4rem;margin: 0 0.25rem;}
.p2 .part .con2 .line,.con2 .line span{border-radius: 0 0.5rem 0.5rem 0;}
.con2 .line span{background: #f8cc07;width: 100%;}
.con1 .wid1 span{width: 1rem;}
.con1 .wid2 span{width: 1.35rem;}
.con1 .wid3 span{width: 1.75rem;}
.p3{height: 20.85rem;}
.p3 .con{height: 17.85rem;}
.p3 .list{width: 13.65rem;margin: 0 auto;}
.p3 .list h3{font-size: 0.6rem;text-align: left;padding: 0.95rem 0 1.15rem;}
.p3 .list img{width: 100%;}
.p3 .list div{width: 100%;position: relative;}
.p3 ul{position: absolute;bottom: -1rem;left: 1.25rem;width: 12.75rem;}
.p3 ul li{position: absolute;bottom: 0;}
.p3 h4{font-size: 0.6rem;color: #6290f9;}
.p3 .list p{font-size: 0.55rem;color: #222;}
.p3 .list span{display: block;width: 0.95rem;height: 3rem;background: #6290f9;border-radius: 0.6rem;margin: 0.3rem auto 0.5rem;}
.p3 ul .sec{left: 2.65rem;}
.p3 ul .sec span{height: 3.5rem;}
.p3 ul .thr,.p3 ul .fou,.p3 ul .fiv{width: 2.2rem;}
.p3 ul .thr{left:5.1rem;width: 2.2rem;}
.p3 ul .thr span{height: 6.65rem;background: #ff7e00;animation: mymove 1s infinite;-webkit-animation: mymove 1s infinite;}
.p3 .thr h4{color: #ff7e00;font-weight: bold;}
.p3 ul .fou{left: 7.85rem;}
.p3 ul .fou span{height: 7.5rem;}
.p3 ul .fiv{left:10.55rem;}
.p3 ul .fiv span{height:8.75rem;}
.p3 ul li:nth-child(6){right: 0;font-size: 0.6rem;bottom: -1.5rem;}
.p3 ul li:nth-child(6) p{color: #6290f9;}
.p3 ul li:nth-child(6) i{display: inline-block;width: 0.35rem;height: 0.35rem;border-radius: 50%;background: #6290f9;margin-right: 0.25rem;}
.p4{height: 25.15rem;}
.p4 .con{height: 20.55rem;padding: 0.75rem;width: 14rem;}
.p4 .con li{position: relative;margin-bottom: 0.75rem;}
.p4 .con li img{width: 6.6rem;}
.p4 .con li h4{font-size: 0.6rem;margin-top: 0.4rem;}
.p4 .con li h3{width: 2rem;height: 0.9rem;position: absolute;right: 0.15rem;top: 0.15rem;}
.p4 .con li b,.p4 .con h3 p{width: 100%;height: 100%;background: #222;opacity: 0.8;position: absolute;left: 0;top: 0;}
.p4 .con h3 p{line-height: 0.9rem;color: #fff;background: none;font-size: 0.6rem;}
.p5{height: 19.5rem;}
.p5 .con{height: 16.6rem;overflow: hidden;}
.p5 .bg{width: 13.25rem;height: 9.95rem;background: url(../img/cir.jpg) no-repeat;background-size: 100% 6.6rem;margin: 2.4rem auto 0;position: relative;}
.p5 .bg p{color: #fff;font-size: 0.55rem;font-weight: bold;position: absolute;border-radius: 50%;}
.p5 .bg p:nth-child(1){width: 2.25rem;height: 2.25rem;line-height: 2.25rem;left: -0.45rem;top: 1.35rem;}
.p5 .bg p:nth-child(2),.p5 .bg p:nth-child(5),.p5 .bg p:nth-child(6){width: 2rem;height: 2rem;left:0.6rem;bottom:0.75rem;}
.p5 .bg p span{display: block;}
.p5 .bg p span:nth-child(1){padding-top: 0.25rem;}
.p5 .bg p:nth-child(3){width: 2.5rem;height: 2.5rem;line-height: 2.5rem;left:3.5rem;bottom:2.15rem;font-size: 0.5rem;}
.p5 .bg p:nth-child(4),.p5 .bg p:nth-child(9){width: 3rem;height: 3rem;line-height: 3rem;right:2.85rem;bottom:0rem;font-size: 0.6rem;}
.p5 .bg p:nth-child(5){left: 8.5rem;top: 1.6rem;}
.p5 .bg p:nth-child(6){left: 2.1rem;top: 2.95rem;}
.p5 .bg p:nth-child(7){line-height: 2.75rem;left: 6.5rem;}
.p5 .bg p:nth-child(7),.p5 .bg p:nth-child(8){width: 2.75rem;height: 2.75rem; top: 3.85rem;font-size: 0.65rem;}
.p5 .bg p:nth-child(8){right: 0.1rem;top: -1.25rem;}
.p5 .bg p:nth-child(8) span:nth-child(1){padding-top: 0.55rem;}
.p5 .bg p:nth-child(9){right:8.5rem;top: -0.9rem;}



.p5 .bg p.blue{background: -webkit-linear-gradient(-45deg, #6290f9, #62bbf9);background-size: 100% 100%;animation: 5s op2 infinite linear;}
.p5 .bg p.yeow{background: -webkit-linear-gradient(-45deg, #f68618, #ffaf3e);background-size: 100% 100%;animation: 5s op1 infinite linear;}
.p6{height: 24.5rem;}
.p6 .con{height:19.2rem;padding:1rem 0.75rem;width: 14rem;}
.p6 li{margin-bottom: 1.15rem;}
.p6 li h3{width: 1.85rem;line-height: 1.85rem;height: 1.85rem;color: #fff;font-size: 0.95rem;background: url(../img/bg.png) no-repeat;background-size: 100% 100%;margin-right: 0.7rem;}
.p6 li h4{text-align: left;width: 11.25rem;}
.p6 li p{font-size: 0.75rem;font-weight: bold;}
.p6 li strong{font-size: 0.65rem;line-height: 0.9rem;display: block;margin-top: 0.35rem;}
.p7{height:25.1rem;}
.p7 .con{height:20.65rem;padding:0.75rem 0.75rem;width: 14rem;}
.p7 img,.p7 li,.p8 img{width: 6.65rem;}
.p7 li h3{font-size: 0.6rem;margin-top: -1.2rem;padding-left: 0.3rem;color: #fff;text-align: left;}
.p7 li h3 span{font-weight: bold;font-size: 0.65rem;}
.p7 li p{font-size: 0.6rem;margin: 0.6rem 0;line-height: 0.85rem;text-align: justify;}
.p8{height:21.8rem;}
.p8 .con{height:17.25rem;padding:0.75rem 0.75rem;width: 14rem;}
.p8 li{color: #fff;margin-bottom: 1.1rem;}
.p8 li h3,.p8 li p{text-align: left;padding-left: 0.5rem;}
.p8 li h3{font-size: 0.7rem;font-weight: bold;margin-top: -2rem;}
.p8 li p{font-size: 0.55rem;margin-top: 0.1rem;}
.p9,.p10{height: 18.75rem;}
.p9 h2{height: 2.2rem; background: url(../img/txt.png) no-repeat center 0.5rem;background-size:14.3rem 2.35rem;}
.p9 ul.clearfix{width: 13.8rem;margin: 0 auto;}
.p9 ul.clearfix li{width: 6.4rem;height: 6.4rem;background: #fff;border-radius: 0.8rem;margin-bottom: 1.3rem;}
.p9 ul.clearfix li h3{font-size: 0.8rem;}
.p9 ul.clearfix li img{margin-top: 1.1rem;}
.p9 ul.clearfix li:nth-child(1) img,.p9 ul li:nth-child(3) img{width: 3.65rem;}
.p9 ul.clearfix li:nth-child(2) img,.p9 ul li:nth-child(4) img{width: 3.4rem;}

.p9 ul.clearfix li h4{font-size: 0.8rem;width: 4.8rem;height: 2.25rem;background: url(../img/shape1.png) no-repeat;background-size: 100% 100%;font-weight: bold;margin: 0.35rem auto 0;color: #fff;line-height: 1.5rem;}
.p9 ul.clearfix li:nth-child(2) h4{background: url(../img/shape2.png) no-repeat;background-size: 100% 100%;}
.p9 ul.clearfix li:nth-child(3) h4{background: url(../img/shape3.png) no-repeat;background-size: 100% 100%;margin-top: 0.25rem;}
.p9 ul.clearfix li:nth-child(4) h4{background: url(../img/shape4.png) no-repeat;background-size: 100% 100%;margin-top: 0.25rem;}
.p10 .con{height: 14.3rem;padding-top: 1.45rem;}
.p10 .con .one{width: 14rem;height: 4.8rem;margin: 0 auto;position: relative;}
.p10 .con img{width: 3.1rem;position: absolute;left: 0;top: 0;animation: roll infinite linear 3s;}
.p10 .con .content{width: 13rem;position: absolute;right: 0;top: 0;height: 3.45rem;}
.p10 .content h3{font-weight: bold;font-size: 0.8rem;text-align: left;margin-left: 2.5rem;}
.p10 .content h4{font-size: 0.7rem; color: #666;width: 100%;height: 2.25rem;line-height: 2.25rem;box-shadow: 0.15rem 0.15rem 0.75rem -0.3rem #aaa;background: #fff;}
.p11{height: 18.1rem;}
.p11 h2{background: url(../img/txt2.png) no-repeat center 0.5rem;background-size:14.3rem 2.35rem;}
.p11 ul{margin-top: 0.5rem;}
.p11 li{width: 15.5rem;height: 3.6rem;background: #fff;border-radius: 0.6rem;margin: 0 auto 1.2rem;box-shadow: 0px 0px 0.75rem -0.2rem #bbb;border: 1px solid #fff;}
.p11 li h3{width: 5rem; height: 1.25rem;background: linear-gradient(to right,#ea6232,#f9844a);background-size: 100% 100%;color: #fff;font-size: 0.65rem;line-height: 1.25rem;border-radius: 0.2rem;margin: -0.4rem 0 0 0.75rem;}
.p11 li p{font-size: 0.65rem;text-align: left;padding: 0 0.75rem;margin-top: 0.4rem;line-height: 0.9rem;}
.p12{width: 100%;height: 12.25rem;background: url(../img/bg2.png) no-repeat;background-size: 100% 100%;overflow: hidden;color: #fff;}
.p12 .wid{margin-top: 1.9rem;}
.p12 .wid .left{width: 4.85rem;margin-left: 1.75rem;}
.p12 .wid .right{width: 4.1rem;margin-left:3.45rem;}
.p12 .wid h3{font-size: 2.75rem;font-weight: bold;position: relative;line-height: 2rem;}
.p12 .wid h3 i{position: absolute;right: -0.55rem;top: -0.75rem;font-size: 0.75rem;font-weight: normal;}
.p12 .wid p{font-size: 0.8rem;margin-top: 0.5rem;}
.p12 .wid .mart{margin-top: 1.2rem;}
.p12 .mart b{position: absolute;top: -0.25rem;right: -0.55rem;font-size: 0.55rem;}



.p13{height: 18.75rem;}
.p13 h3{width: 7.55rem;margin: 0 auto;font-size: 1.1rem;color: #fff;padding-top: 1rem;position: relative;}
.p13 h3 i{position: absolute;top: 1.8rem;width: 1.1rem;height: 0.05rem;background: #fff;}
.p13 h3 .one{left:0rem;}
.p13 h3 .two{right:0rem;}
.p13 h4{font-weight: bold;color: #ffdc7e;margin-top: -0.3rem;margin-bottom: 0.3rem;}
.p13 h4 b{color: #fff;font-weight: bold;}
.p13 h4 span{font-size: 2.4rem;}
.p13 .box{width: 15rem;margin: 0 auto;}
.p13 form{width:100%;}
.p13 form input.txt{
    margin-bottom:0.75rem;
    width:15rem;
    height:2.5rem;
    font-size:0.9rem;
    color:#bbb;
    text-indent:2.05rem;
    line-height:2.5rem;
    border:none;
}
.p13 form input.name{
	background: url(../img/input1.png) no-repeat center;
    background-size:15rem 2.5rem;
}
.p13 form input.phone{
    background: url(../img/input2.png) no-repeat center;
    background-size:15rem 2.5rem;
}
.p13 form input[type="submit"]{
    margin:0 auto;
    width:15rem;
    height:2.25rem;
    line-height:2.25rem;
    display:block;
    background:url(../img/btn.png) no-repeat;
    background-size: 100% 100%;
    border:none;
    margin-top: 0.75rem;
}
.p13  form .ly-send-num{
    width:8.25rem;
    height:2.5rem;
    line-height:2.5rem;
    color:#bbb;
    font-size:0.9rem;
    text-align:center;
    background:#fff;
    border:none;
    border-radius: 0.2rem;
    float: left;
}
.p13  form .ly-send-send{
    float:right;
    width:6.15rem;
    height:2.45rem;
    line-height:2.5rem;
    color:#ffffff;
    font-size:0.9rem;
    border:none;
    border: 1px solid #daddfc;
    border-radius: 0.2rem;
    position: relative;
}
.ly-send-send b{width: 100%;height: 100%;border-radius: 0.2rem;background: #9599ff;opacity: 0.4;position: absolute;left: 0;top: 0;}
.ly-send-send p{position: relative;z-index: 999;}

input::-webkit-input-placeholder{
    color:#bbb;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#bbb;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#bbb;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#bbb;
}

.p3 .btn,.p4 .btn,.p5 .btn,.p6 .btn,.p7 .btn,.p8 .btn{width: 13.95rem;}
.p3 .btn{margin-top: 3.1rem;}
.p5 .btn{margin-top: 1rem;}
.p6 .btn{margin-top: -0.3rem;}

.foot{font-size: 0.6rem;color: #999;line-height: 0.95rem;padding: 1rem 0 2.4rem;}



/*animate*/
@charset "UTF-8";

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@keyframes roll {
    0%{
    	transform: rotate(0deg);
    }
    100%{
    	transform: rotate(360deg);
    }
}


@keyframes op1 {
    0%{opacity: 1}
    50%{opacity: 0}
    100%{opacity: 1}
}
@keyframes op2 {
    0%{opacity: 0}
    50%{opacity: 1}
    100%{opacity: 0}
}


@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transform-origin: left;
  }
	100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transform-origin: left;
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transform-origin: left;
  }
	100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transform-origin: left;
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  transform-origin: left;
}


@-webkit-keyframes rubberBandr {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transform-origin: right;
  }
	100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transform-origin: right;
  }
}
@keyframes rubberBandr {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transform-origin: right;
  }
	100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transform-origin: right;
  }
}

.rubberBandr {
  -webkit-animation-name: rubberBandr;
  animation-name: rubberBandr;
  transform-origin: right;
}

@-webkit-keyframes rubberBandb {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transform-origin: bottom;
  }
	100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transform-origin: bottom;
  }
}
@keyframes rubberBandb {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transform-origin: bottom;
  }
	100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transform-origin: bottom;
  }
}

.rubberBandb {
  -webkit-animation-name: rubberBandb;
  animation-name: rubberBandb;
  transform-origin: bottom;
}

@keyframes mymove {
  0% {
    width: 0;
  }
  100% {
    width:45%; }}