@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{outline:none}
body,html{margin:0 auto;}
img {border:none;vertical-align:top; display:block;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.iBlock{display:inline-block; vertical-align:middle;}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.clear{ clear:both}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.banner .gif{ width:46.6%; top:52%; right:6.5%; border-radius:12px;-webkit-border-radius:12px; overflow:hidden;}

.content1{ background:#f7cd04; padding-bottom:10%}
.content1 h2{ width:51.7%; text-align:center; margin:0 auto;}
.content1 .p1{ color:#444444; font-size:3rem; padding:4% 3%; text-indent:2em; line-height:1.7;}
.content1 .img .img1{ width:43.33%} 
.content1 .img .img2{ width:53%} 
.btn{ width:40%; line-height:3.1;background-image: -moz-linear-gradient( -90deg, rgb(251,85,124) 0%, rgb(243,18,71) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(251,85,124) 0%, rgb(243,18,71) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(251,85,124) 0%, rgb(243,18,71) 100%);
  box-shadow: 0px 15px 29px 0px rgba(248, 34, 85, 0.47); border-radius:60px; margin-left:10%; display:block; text-align:center; font-size:2.6rem; color:#fff; position:relative; z-index:2;}
.content1 ul{ width:96%; margin:10% auto 0}
.content1 ul li{ width:24.8%; float:left;}
.content1 ul li p{ font-size:2.4rem; color:#e64144; text-align:center; line-height:1.6; padding:3% 0}
.content1 ul li .p2{ color:#343434;}
.content1 ul .ml{ margin-left:0.3%}

.content2 ul{ width:94.93%; margin:0 auto}
.content2 ul li{ width:32.44%; float:left; margin-left:1%; margin-bottom:1%}
.content2 ul li p{ font-size:2.4rem; color:#434444; text-align:center; padding:4% 0}
.content2 ul .li1{ margin-left:0;}
.content2 .btn{ margin:4%  auto 7%; width:50%}
.content3 ul{width: 95.2%;margin: 0 auto}
.content3 ul li{width: 46.35%;margin:0 3.4% 1% 0;text-align: center;}
.content3 ul li p{font-size: 2.4rem;color: #434444;line-height: 1.6;padding: 2.6% 0 8%;width: 80%;margin: 3.7% 0 0 18%;text-align: left} 
.content3{ background:#fec6dc}
.content4 .btn2{ bottom:13%; width:78%; left:0; right:0; margin:auto;}
.content4 .btn2 .btn{ margin-left:0}
.content5{background: #D4D4FA;padding:10.6% 0 4%}
.content5 h1{width:55.2%;margin: 0 auto 6%;}
.content5 .p1{font-size: 2.4rem;width: 93.33%;margin: 0 auto 4%;line-height: 1.66}
.content5 .p1 span{color: #FF0017}
.content5 .box04_img1{width: 100%}
.content5 .btn{ margin:5% auto; width:50%}

.content6 .btn{ margin:4% auto; width:50%}

.content7{padding:10.6% 0 0}
.content7 .box06{background: #FFE0EC; padding-bottom:10%}
.content7 h1{width:55.86%;margin: 0 auto 5%; padding-top:5%}
.content7 ul{width: 98.2%;margin: 0 auto}
.content7 ul li{width: 46.35%;margin:3% 3.4% 3% 0;text-align: center;}
.content7 ul li p{font-size: 2.4rem;color: #434444;line-height: 1.6;padding: 2.6% 0 8%;width: 80%;margin: 3.7% 0 0 16%;text-align: left}
.content7 ul li p span{color: #FF0011}
.content7 .p1{font-size: 3.0rem;width: 93.33%;margin: 0 auto 4%;line-height: 1.66}
.content7 .p1 .span1{font-weight: bold;}
.content7 .p1 .span2{color: #FF0017}
.content7 .btn{ margin:4% auto; width:50%}

.content8 .btn{ margin:4% auto; width:50%}
.content9{background: #fff;padding:4.6% 0 2%}
.content9 .p2{ color:#4b4b4b; font-size:3rem; padding:0 15% 5%; text-align:center; position:relative; }
.content9 h1{width: 76.26%;margin: 0 auto 1%;}
.content9 ul{width: 95.2%;margin: 0 auto}
.content9 ul li{width: 32.4%; margin-left:0.8%;text-align: center}
.content9 ul li p{font-size: 1.8rem;color: #434444;line-height: 1.4;padding: 2.6% 0 8%;width: 90%;margin: 3.7% auto 6%;text-align:center;}
.content9 ul li .mg0{ margin-left:0}

.box10{background: #4E6AD6;padding:6.6% 0 2%}
.box10 h1{width:63.46%;margin: 0 auto 4%;}
.box10 p{font-size: 2.4rem;color: #fff;width: 95%;line-height: 1.8;margin: 3.7% auto 6%;text-align: center;}
.content11 .btn{ margin-left:0; left:0; right:0; margin:auto; bottom:5%; position:absolute!important; width:50%}

.content12 .btn{ margin-left:0; left:0; right:0; margin:auto; bottom:16%; position:absolute!important; width:50%}

  @keyframes heartbeat {
        0%   { transform: scale(0.95);}
        100% { transform: scale(0.95);}
        50%  { transform: scale(1.10);}
 
    }
    @-webkit-keyframes heartbeat {
        0%   { -webkit-transform: scale(0.95);}
        100% { -webkit-transform: scale(0.95);}
        50%  { -webkit-transform: scale(1.10);}
    }

@media screen and (min-width:320px) and (max-width:374px){html{font-size:26.67%!important}
}
@media screen and (min-width:375px) and (max-width:409px){html{font-size:31.25%!important}
}
@media screen and (min-width:410px) and (max-width:479px){html{font-size:34.5%!important}
}
@media screen and (min-width:480px) and (max-width:900px){html{font-size:40%!important}
}

@media screen and (min-width:480px) and (max-width:639px) {
html { font-size: 47%!important; }  /*0.75*/
}