@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 h1{ width:100%; text-align:center; color:#333333; font-size:5.4rem; padding:6% 0}
.content1 .gif2{ width:79.2%; top:17.4%; left:0; right:0; margin:auto; border-radius:10px; overflow:hidden;}
.content1 h1 span{ font-weight:bold;}
.content1 .hd{ bottom:0%}
.content1 .hd ul{ width:100%; text-align:center; display:block;
 height:10px; position:relative; margin-top:-5%}
.content1 .hd li{ width:12px; height:12px; border-radius:12px; display:inline-block; background:#999999; margin:0 4px}
.content1 .hd .on{ background:#f88912}
.btn{ width:80%; line-height:2.7; color:#fcff00; background:#ff1f50;
  box-shadow: 0px 23px 18px 0px rgba(214, 5, 7, 0.23); display:block; margin:5% auto 0; font-size:3.4rem; text-align:center; border-radius:60px; z-index:2; position:relative}
  
.content2{ margin-top:7.4%}
.content2 .title{ width:100%; text-align:center; top:8%}
.content2 .title h2{ color:#fff; font-size:5.4rem;}
.content2 .title h3{ color:#fff; font-size:5.4rem; font-weight:bold;}
.content2 .p1{ width:100%; text-align:center; top:28%; color:#fff; font-size:3rem; line-height:1.7}
.content2 .p1 span{ color:#f88912; font-weight:bold;}

.content3{ background:#f88912;}
.title{ width:100%; text-align:center; color:#fff; padding:8% 0 3%;}
 .title h2{ color:#fff; font-size:5.4rem;}
.title h3{ color:#fff; font-size:5.4rem; font-weight:bold;}
.content3 .list{ width:91.2%; margin:4% auto 0;  box-shadow: 0px 38px 24px 0px rgba(248, 18, 40, 0.22);  -webkit-box-shadow: 0px 38px 24px 0px rgba(248, 18, 40, 0.22);}
.content3  .btn{ width:65%; margin:6.4% auto 12%}
.content3 .btn2{ display:block;}
.content4 .title h2,.content4 .title h3{ color:#333333;}
.content4 .title{padding:12% 0 6%;}
.content4 .btn2{ width:35.4%; top:40%; right:4%;animation: heartbeat .5s linear infinite;}


.content5{ background:#725ee2; padding-bottom:10%}
.content5 .p1{ padding:0 4%; color:#fff; font-size:3rem;}
.content5 .list{ width:90.5%; margin:6% auto 0;  box-shadow:0px 16px 62px 0px rgba(248, 18, 40, 0.22); -webkit-box-shadow:0px 16px 62px 0px rgba(248, 18, 40, 0.22);}

.content6{ background:#1e2d50; padding-bottom:10%}
.content6 .list{ width:90.9%; margin:5% auto 0;  box-shadow: 0px 31px 18px 0px #1d2541;-webkit-box-shadow: 0px 31px 18px 0px #1d2541;}
.content6 .btn{  box-shadow: 0px 23px 18px 0px #1d233e; margin:10% auto 5%}

.content7{ background:#ffede1;}
.content7 h2,.content7 h3{ color:#222222;}
.content7 .list{ margin:4% auto 0}

.content8{ background:#f88912; padding-bottom:10%}
.content8 h2{ width:100%; text-align:center; color:#fff; font-size:5.4rem; padding:10% 0 6.6%}
.content8 h2 span{ font-weight:bold;}
.content8  .ulList{ width:90.8%; margin:0 auto;}
.content8  .ulList a{ width:32.3%;  float:left;box-shadow: 0px 23px 18px 0px rgba(214, 5, 7, 0.23);-webkit-box-shadow: 0px 23px 18px 0px rgba(214, 5, 7, 0.23);}
.content8  .ulList .li2{ margin:0 1.5%;}
.content8  .ulList2{ width:90.8%;margin:2.7% auto;}
.content8  .ulList2 .li1{width:32.3%;}
.content8  .ulList2 .li2{width:66.5%;}
.content8  .ulList2 a{box-shadow: 0px 23px 18px 0px rgba(214, 5, 7, 0.23);-webkit-box-shadow: 0px 23px 18px 0px rgba(214, 5, 7, 0.23);}
  @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*/
}