@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0 }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; block;
clear:all; }
.clear{float:none; clear:both;}
body { font:14px/1.5'XinGothic-SinaWeibo', 'Microsoft Yahei', 'helvetica', 'arial'; -webkit-text-size-adjust:none; color:#1a1a1a; background:#f3f3f3; -webkit-text-size-adjust:none; min-width:320px;max-width:640px; margin:0 auto; background:#FFFFFF;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
form { display:inline }
ul, ol { list-style:none }
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:none; }
img { vertical-align:middle; border:0; -ms-interpolation-mode:bicubic; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
button, input, select, textarea { font-size:100%; vertical-align:middle; outline:none; font-family:'Microsoft Yahei', 'helvetica', 'arial' }
textarea { resize:none }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; -moz-appearance:button }
input:focus:-moz-placeholder, input:focus::-webkit-input-placeholder {
color:transparent
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
table { border-collapse:collapse; border-spacing:0 }
.fl { float:left; }
.fr { float:right; }
.hide { display:none; }
.show { display:block; }
header, footer, article, section, nav, menu, hgroup { display:block; clear:all; }
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?sd0bv6');
src:url('../fonts/icomoon.eot?#iefixsd0bv6') format('embedded-opentype'), url('../fonts/icomoon.woff?sd0bv6') format('woff'), url('../fonts/icomoon.ttf?sd0bv6') format('truetype'), url('../fonts/icomoon.svg?sd0bv6#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
.icomoon { font-family:'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.clearfix { *zoom:1;
}
.clearfix:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:"."; }


/*css -------------------------------------- */
.banner{width:100%; position:relative;}
.banner-before{position:absolute; top:0;}
.banner-after{position:absolute; top:200px; z-index:99; opacity:0;}
.banner-after2{position:absolute; top:0; display:block; z-index:99; animation:bn-after 0.5s forwards linear; -webkit-animation:bn-after 0.5s forwards linear;}
.bn-circle{width:100%; position:absolute; top:100px; z-index:999;}
.circle{width:0%; margin:0 auto;}
.circle2{width:66%; margin:0 auto; animation:circle 0.3s forwards linear; -webkit-animation:circle 0.3s forwards linear;}
.bn-button{width:200px; height:40px; display:block; text-align:center; border:1px #FF0004 solid; margin:0 auto; font-size:24px; line-height:40px; color:#FF0004; border-radius:50px; margin-top:20px; opacity:0;}
.bn-button2{width:200px; height:40px; display:block; text-align:center; border:1px #FF0004 solid; margin:0 auto; font-size:24px; line-height:40px; color:#FF0004; border-radius:50px; margin-top:20px; animation:bn-btn 5s forwards linear; -webkit-animation:bn-btn 5s forwards linear; }
@keyframes bn-after
{
0% {opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes bn-after
{
0% {opacity:0;}
100%{opacity:1;}
}

@keyframes circle
{
0% {width:0%;}
100%{width:66%;}
}
@-webkit-keyframes circle
{
0% {width:0%;}
100%{width:66%;}
}

@keyframes bn-btn
{
0%{opacity:0;}
100%{opacity:1;}
}

@-webkit-keyframes bn-btn
{
0%{opacity:0;}
100%{opacity:1;}
}

.sec1 h1{width:100%; display:block; text-align:center; font-size:47px; margin:30px 0 20px 0;}
.sec1 ul{max-width:640px; min-width:320px; background:#EFEFEF;}
.sec1 li{display:block; width:50%; float:left; position:relative; overflow:hidden;}
.mov-bg1{position:absolute; top:0; width:100%; height:500px;}
.circle-bg{position:absolute; top:0; z-index:999;}
.sec1 p{background:#F7F7F7; position:relative; z-index:999; margin:0 auto; display:block; height:100%; width:90%; text-align:center; color:#000000; font-size:16px; padding:0 5% 0 5%;}
.sec1 span{background:#EFEFEF; display:block; width:90%; height:100%; margin:0 auto; position:relative; z-index:999; text-align:center;font-size:16px; padding:0 5% 0 5%;}

.sec-2{width:100%; margin-top:30px;}
.sec-3,.sec-3-1{width:100%; position:relative;}
.sec-3 h1{font-weight:bold; display:block; width:100%; text-align:center; font-size:38px; position:absolute; top:50px;}
.sec-3 h2{display:block; width:100%; text-align:center; font-size:26px; position:absolute; top:105px; color:#757575;}
.sec-3-1 h3{font-weight:bold; display:block; width:100%; text-align:center; font-size:40px; color:#FFB600; position:absolute;}
.sec-3-1 p{display:block; width:100%; text-align:center; font-size:24px; color:#FFFFFF; position:absolute; top:87px;}

.sec-4{margin-top:100px;}
.sec-4 figure{margin-bottom:50px;}
.sec-4 img{display:block; width:43%; margin:0 auto;}
.sec-4 span{display:block; width:90%; text-align:center; line-height:31px; font-size:21px; color:#989898; padding:0 5% 0 5%;}

.sec-6{width:100%; height:259px; background:url(../images/footerbg.png) no-repeat bottom center; padding-top:100px;}
@media (max-width: 640px) {
}

@media (max-width: 500px) {

.bn-circle a{width:157px; height:32px; display:block; text-align:center; border:1px #FF0004 solid; margin:0 auto; font-size:24px; line-height:32px; color:#FF0004; border-radius:50px; margin-top:20px;}
.sec1 h1{width:100%; display:block; text-align:center; font-size:24px; margin:20px 0 10px 0;}

.sec1 p{background:#F7F7F7; position:relative; z-index:9999; margin:0 auto; display:block; height:100%; width:90%; text-align:center; color:#000000; font-size:12px; padding:0 5% 0 5%;}
.sec1 span{background:#EFEFEF; display:block; width:90%; height:100%; margin:0 auto; position:relative; z-index:9999; text-align:center;font-size:12px; padding:0 5% 0 5%;}

.sec-3 h1{display:block; width:100%; text-align:center; font-size:21px; position:absolute; top:29px;}
.sec-3 h2{display:block; width:100%; text-align:center; font-size:16px; position:absolute; top:56px; color:#757575;}

.sec-3-1 h3{font-weight:bold; display:block; width:100%; text-align:center; font-size:20px; color:#FFB600; position:absolute;}
.sec-3-1 p{display:block; width:100%; text-align:center; font-size:13px; color:#FFFFFF; position:absolute; top:33px;}

.sec-4 img{display:block; width:62%; margin:0 auto;}
.sec-4 span{display:block; width:90%; text-align:center; line-height:31px; font-size:17px; color:#989898;padding:0 5% 0 5%;}

}
@media (max-width: 325px) {
.sec1 li{display:block; width:30; float:left position:relative; overflow:hidden;}
.sec-3 h1{display:block; width:100%; text-align:center; font-size:21px; position:absolute; top:29px;}
.sec-3 h2{display:block; width:100%; text-align:center; font-size:16px; position:absolute; top:56px; color:#757575;}

.sec-4 img{display:block; width:62%; margin:0 auto;}
.sec-4 span{display:block; width:90%; text-align:center; line-height:31px; font-size:14px; color:#989898;padding:0 5% 0 5%;}
}