@-webkit-keyframes rotatediv {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotatediv {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-o-keyframes rotatediv {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }

@keyframes rotatediv {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@-webkit-keyframes enlarge {
  0% {
    -webkit-transform: scale(0.1);
    opacity: .2; }
  100% {
    -webkit-transform: scale(1.5);
    opacity: 0; } }

@keyframes upndown {
  0% {
    transform: translateY(10px); }
  50% {
    transform: translateY(15px); }
  100% {
    transform: translateY(10px); } }

.pqy-index-top {
  margin-top: 80px;
  width: 100%;
  height: calc(100vh - 200px);
  background: url(../img/index/i-top.jpg) center scroll no-repeat;
  background-size: cover;
  }
  .pqy-index-top .topcon {
    position: relative; }
    .pqy-index-top .topcon .top-header-text {
      position: absolute;
      top: 260px;
      left: 113px; }
      .pqy-index-top .topcon .top-header-text h4 {
        font-size: 32px;
        color: #dbddf1; }
      .pqy-index-top .topcon .top-header-text p {
        font-size: 22px;
        color: #dbddf1;
        padding-top: 20px; }
    .pqy-index-top .topcon .top-header-img {
      position: absolute;
      width: 608px;
      height: 430px;
      background: url(../img/index/i-top-img.png) no-repeat;
      top: 100px;
      right: 70px;
      animation: upndown 3s ease-in-out infinite; }

.index-section-p1 {
  width: 100%;
  background-color: #F5F5F5;
  padding: 40px 0; }
  .index-section-p1 .plugin-grid-box {
    width: 65%;
    margin: 0 auto;
	display: inline-flexbox;
    box-sizing: border-box; }
    .index-section-p1 .plugin-grid-box li {
		box-shadow: 1px 1px 5px 1px rgb(0,0,0,0.2);
      position: relative;
      display: inline-block;
      float: left;
      width: 183px;
      height: 183px;
	  margin: 7px;
      border: none;
      list-style: none;
      transition: ease all .4s; }
      .index-section-p1 .plugin-grid-box li .plugin-grid-item {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        color: #000;
        transition: ease all .4s; }
      .index-section-p1 .plugin-grid-box li:hover {
        cursor: pointer; }
        .index-section-p1 .plugin-grid-box li:hover .plugin-grid-item {
		  	background-color: #007DC8;
		  	color: #FFFFFF;
          top: -1%;
          left: -1%;
          transition: ease all .4s;
          width: 103%;
          height: 103%;
          border-radius: 2px;
          z-index: 99;
          box-shadow: 0 2px 14px rgba(80, 80, 80, 0.2); }
    /* .index-section-p1 .plugin-grid-box li:nth-child(4n) {
      border-right: 0;
	  margin-right: 0; 
	  }
    .index-section-p1 .plugin-grid-box li:nth-child(n+5) {
      border-bottom: 0; } */
      .index-section-p1 .plugin-grid-box li .plugin-grid-item-content {
        text-align: center;
        padding: 20% 0 0; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content span {
          display: block;
          width: 80px;
          height: 80px;
          margin: 0 auto; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content p {
          font-size: 20px;
          position: absolute;
          width: 100%;
          bottom: 20%;
          left: 0;
          text-align: center; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item1 {
          background: url(../img/index/sec-p1-img1.png) center no-repeat;
          background-size: 100%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item2 {
          background: url(../img/index/sec-p1-img2.png) center no-repeat;
          background-size: 100%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item3 {
          background: url(../img/index/sec-p1-img3.png) center no-repeat;
          background-size: 70%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item4 {
          background: url(../img/index/sec-p1-img4.png) center no-repeat;
          background-size: 70%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item5 {
          background: url(../img/index/sec-p1-img5.png) center no-repeat;
          background-size: 100%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item6 {
          background: url(../img/index/sec-p1-img6.png) center no-repeat;
          background-size: 100%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item7 {
          background: url(../img/index/sec-p1-img7.png) center no-repeat;
          background-size: 100%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item8 {
          background: url(../img/index/sec-p1-img8.png) center no-repeat;
          background-size: 70%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item9 {
          background: url(../img/index/sec-p1-img9.png) center no-repeat;
          background-size: 70%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item10 {
          background: url(../img/index/sec-p1-img10.png) center no-repeat;
          background-size: 50%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item11 {
          background: url(../img/index/sec-p1-img11.png) center no-repeat;
          background-size: 100%; }
        .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item12 {
          background: url(../img/index/sec-p1-img12.png) center no-repeat;
          background-size: 80%; }
		  
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item1 {
		  -webkit-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item2 {
		  -webkit-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item3 {
		  -webkit-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item4 {
		  -webkit-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item5 {
		  -webkit-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item6 {
		  -webkit-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item7 {
		  -webkit-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item8 {
		  -webkit-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item9 {
		  -webkit-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item10 {
		 -webkit-filter: brightness(0) invert(1);
		 				filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item11 {
		-webkit-filter: brightness(0) invert(1);
						filter: brightness(0) invert(1); }
		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item12 {
		 -webkit-filter: brightness(0) invert(1);
		 				filter: brightness(0) invert(1);  }
@media screen and (max-width: 500px) {
      .index-section-p1 .plugin-grid-box {
        width: 80%;
        margin: 0 auto;
    	display: inline-flexbox;
        box-sizing: border-box; }
        .index-section-p1 .plugin-grid-box li {
    		box-shadow: 1px 1px 5px 1px rgb(0,0,0,0.2);
          position: relative;
          display: inline-block;
          float: left;
          width: 313px;
          height: 313px;
    	  margin: 7px;
          border: none;
          list-style: none;
          transition: ease all .4s; }
          .index-section-p1 .plugin-grid-box li .plugin-grid-item {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            color: #000;
            transition: ease all .4s; }
          .index-section-p1 .plugin-grid-box li:hover {
            cursor: pointer; }
            .index-section-p1 .plugin-grid-box li:hover .plugin-grid-item {
    		  	background-color: #007DC8;
    		  	color: #FFFFFF;
              top: -1%;
              left: -1%;
              transition: ease all .4s;
              width: 103%;
              height: 103%;
              border-radius: 2px;
              z-index: 99;
              box-shadow: 0 2px 14px rgba(80, 80, 80, 0.2); }
        .index-section-p1 .plugin-grid-box li:nth-child(3n) {
          border-right: 10px;
    	  margin-right: 10px; 
    	  }
          .index-section-p1 .plugin-grid-box li .plugin-grid-item-content {
            text-align: center;
            padding: 15% 0 0; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content span {
              display: block;
              width: 140px;
              height: 140px;
              margin: 0 auto; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content p {
              font-size: 35px;
              position: absolute;
              width: 100%;
              bottom: 20%;
              left: 0;
              text-align: center; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item1 {
              background: url(../img/index/sec-p1-img1.png) center no-repeat;
              background-size: 100%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item2 {
              background: url(../img/index/sec-p1-img2.png) center no-repeat;
              background-size: 100%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item3 {
              background: url(../img/index/sec-p1-img3.png) center no-repeat;
              background-size: 70%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item4 {
              background: url(../img/index/sec-p1-img4.png) center no-repeat;
              background-size: 70%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item5 {
              background: url(../img/index/sec-p1-img5.png) center no-repeat;
              background-size: 100%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item6 {
              background: url(../img/index/sec-p1-img6.png) center no-repeat;
              background-size: 100%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item7 {
              background: url(../img/index/sec-p1-img7.png) center no-repeat;
              background-size: 100%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item8 {
              background: url(../img/index/sec-p1-img8.png) center no-repeat;
              background-size: 70%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item9 {
              background: url(../img/index/sec-p1-img9.png) center no-repeat;
              background-size: 70%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item10 {
              background: url(../img/index/sec-p1-img10.png) center no-repeat;
              background-size: 50%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item11 {
              background: url(../img/index/sec-p1-img11.png) center no-repeat;
              background-size: 100%; }
            .index-section-p1 .plugin-grid-box li .plugin-grid-item-content .plugin-grid-item12 {
              background: url(../img/index/sec-p1-img12.png) center no-repeat;
              background-size: 80%; }
    		  
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item1 {
    		  -webkit-filter: brightness(0) invert(1);
    				filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item2 {
    		  -webkit-filter: brightness(0) invert(1);
    				filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item3 {
    		  -webkit-filter: brightness(0) invert(1);
    				filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item4 {
    		  -webkit-filter: brightness(0) invert(1);
    				filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item5 {
    		  -webkit-filter: brightness(0) invert(1);
    				filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item6 {
    		  -webkit-filter: brightness(0) invert(1);
    				filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item7 {
    		  -webkit-filter: brightness(0) invert(1);
    				filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item8 {
    		  -webkit-filter: brightness(0) invert(1);
    				filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item9 {
    		  -webkit-filter: brightness(0) invert(1);
    				filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item10 {
    		 -webkit-filter: brightness(0) invert(1);
    		 				filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item11 {
    		-webkit-filter: brightness(0) invert(1);
    						filter: brightness(0) invert(1); }
    		.index-section-p1 .plugin-grid-box li:hover .plugin-grid-item-content .plugin-grid-item12 {
    		 -webkit-filter: brightness(0) invert(1);
    		 				filter: brightness(0) invert(1);  }
}
.index-section-p2 {
  width: 100%;
  height: 857px;
  padding-top: 54px;
  box-sizing: border-box;
  background: #fff; }
  .index-section-p2 .p2img {
    width: 100%;
    height: 705px;
    margin: 20px auto;
    background: url(../img/index/sex-p2-img1.jpg) top scroll no-repeat;
    background-size: auto 100%; }
	
.index-section-p3 {
  width: 100%;
  height: 1077px;
  padding-top: 54px;
  box-sizing: border-box;
  background-color: #F5F5F5; }
  .index-section-p3 .p3-btn {
	position: relative;
    height: 50px;
	width:100%;
	text-align: center; 
	}
	.index-section-p3 .p3-btn button{
		height: 55px;
		width: 400px;
		font-size: 30px;
		text-align: center;
		padding: 3px 6px;
		cursor: pointer;
		vertical-align: middle;
		white-space: nowrap;
		background: linear-gradient(#fff,#ececec,#c5c5c5);
		border: 0;
		border-radius: 20px;
		outline:1px dashed #c5c5c5;
		}
	.index-section-p3 .p3-btn .icon-left{
		position: absolute;
		top:13px;
		left: 35%;
		display: block;
		height: 30px;
		width: 30px;
		background: url(../img/index/tubiao.png) top scroll no-repeat;background-size: auto 100%;
		}
	.index-section-p3 .p3-btn .icon-right{
		position: absolute;
		top:13px;
		left: 63%;
		display: block;
		height: 30px;
		width: 30px;
		background: url(../img/index/tubiao-2.png) top scroll no-repeat;background-size: auto 100%;
		}
  .index-section-p3 .p3img {
    width: 100%;
    height: 701px;
    margin: 20px auto;
    background: url(../img/index/sex-p3-img1.png) top scroll no-repeat;
    background-size: auto 690px; }
	
	.index-section-p3 .p3img .tab-content{
			float: right;
			width: 42rem;
			font-size: 1.6rem;
			margin-top: 1rem;
		}
	.index-section-p3 .p3img .tab-content-item{
			font-size: 1.8rem;
			display: inline-block;
			margin: 10px 5px;
		}
	.index-section-p3 .p3img .tab-content-item span{
			text-align: center;
			float: left;
			width: 10rem;
			margin: 0px 5px; 
			padding: 2px 10px; 
			background-color: red; 
			border-radius: 10px;
			color: #fff;
		}
	.index-section-p3 .p3img .tab-content-item table{
			float: right;
			margin: 0px 3px;
		}
	.index-section-p3 .p3img .tab-content-item td{
			width: 14rem;
			font-weight: bold;
			padding:0px 5px;
		}

.index-section-p4 {
  width: 100%;
  height: 700px;
  padding-top: 54px;
  box-sizing: border-box;
  background: #fff; }
  .index-section-p4 .p4img {
    width: 100%;
	height: 483px;
    margin: 100px auto 0 0;
    background: url(../img/index/sex-p4-img1.png) center no-repeat; 
	background-size: auto 100%; }

.index-section-p5 {
  width: 100%;
  height: 700px;
  padding: 50px 0 0 0;
  background-color: #F5F5F5;
  box-sizing: border-box; }
  .index-section-p5 .video-box {
        width: 640px;
        height: 480px;
        margin: 20px auto;
    }
.index-section-p6 {
  width: 100%;
  height: 750px;
  padding: 50px 0 0 0;
  background: #fff;
  box-sizing: border-box; }
  .index-section-p6 .p6img {
    width: 100%;
	height: 483px;
    margin: 100px auto 0 0;
    background: url(../img/index/sex-p6-img1.png) center no-repeat; 
	background-size: auto 100%; }
.index-section-p7 {
  width: 100%;
  height: 700px;
  padding: 50px 0 0 0;
  background-color: #F5F5F5;
  box-sizing: border-box; }
  .index-section-p7 .video-box {
        width: 640px;
        height: 480px;
        margin: 20px auto;
    }
.index-section-p8 {
  width: 100%;
  height: 800px;
  padding: 50px 0 0 0;
  background: #fff;
  box-sizing: border-box; }
  .index-section-p8 .p8img {
    width: 100%;
	height: 483px;
    margin: 100px auto 0 0;
    background: url(../img/index/sex-p8-img1.png) center no-repeat; 
	background-size: auto 100%; }
.index-section-p9 {
  width: 100%;
  height: 700px;
  padding: 50px 0 0 0;
  background-color: #F5F5F5;
  box-sizing: border-box; }
  .index-section-p9 .video-box {
        width: 640px;
        height: 480px;
        margin: 20px auto;
    }