/***
@author:xuanjie
@design:zhaoxihan
@update:2013-05-20
***/
body{ background-color:#dbe3f0;}
.main{ width:960px; margin:0 auto; position:relative;}
.hid{ position:absolute; top:-999em;}
.main img{ display:block;}
.banner,.wp{ font:12px/1.4 \5FAE\8F6F\96C5\9ED1,tahoma,arial,simsun,sans-serif;}

.ico_h1,.ico_h2,.ico_fast,.btn_obtain,.dot_dl dd,.rulebox li{ background:url(../img/spr.png) no-repeat; overflow:hidden;}

.banner{ padding-top:60px; _padding-top:0; height:405px; background-color:#3a71c3;}
.banner .main{ height:405px; background:url(../img/banner.jpg) no-repeat; position:relative;}
.ico_h1{ width:268px; height:33px; text-indent:-999em; background-position:0 -151px; position:absolute; left:135px; top:98px; -webkit-animation:flyin 1.4s linear; -moz-animation:flyin 2.4s linear;-ms-animation:flyin 1.4s linear;-o-animation:flyin 1.4s linear;}
.ico_h2{ width:437px; height:128px; text-indent:-999em; background-position:0 -185px; position:absolute; left:42px; top:112px; -webkit-animation:rotjum 1s linear; -moz-animation:rotjum 2s linear;-ms-animation:rotjum 1s linear;-o-animation:rotjum 1s linear;}
.ico_fast{ width:119px; height:75px; display:block; text-indent:-999em; background-position:-224px -66px; position:absolute; left:506px; top:77px; -webkit-animation:jitter 1.4s infinite linear; -moz-animation:jitter 1.4s infinite linear;-ms-animation:jitter 1.4s infinite linear;-o-animation:jitter 1.4s infinite linear;}
.btn_obtain{ width:197px; height:46px; display:block; background-position:0 -57px; font-size:18px; line-height:42px; color:#fff; text-align:center; text-shadow:0 0 1px #93530d; position:absolute; left:52px; top:248px;}
.btn_obtain:hover{ text-decoration:none; background-position:0 -104px; -webkit-animation:boxshadow 0.6s linear; -moz-animation:boxshadow 0.6s linear;-ms-animation:boxshadow 0.6s linear;-o-animation:boxshadow 0.6s linear;}

.wp .main{ background:url(../img/main.jpg) no-repeat center top;}
.cont{ background:url(../img/bg.png) repeat-y -961px 0;}
.cont_bot{ height:35px; background:url(../img/bg.png) repeat-y 0 0;}
.rule{ margin:0 auto; padding:80px 0 0; width:858px; height:273px; position:relative; *zoom:1;}
.rulebox{ position:absolute; left:0; top:-44px; color:#1f58ae;}
.rulebox h3{ float:left; padding:2px 18px 2px 0; width:1em; font-size:20px; font-weight:normal; line-height:1.1; border-right:1px solid #8eadd9;}
.rulebox ul{ float:left; margin-left:16px;}
.rulebox li{ margin-bottom:8px; padding-left:16px; font-size:14px; line-height:1.2; background-position:-434px -6px;}
.rulebox li a{ padding-left:10px; color:#fc8302; text-decoration:underline;}
.rulebox li a:hover{ text-decoration:none;}

.contbox{ width:858px; margin:0 auto;}
.pb30{ padding-bottom:30px;}
.tit{ height:24px; line-height:24px; position:relative;}
.tit h3{ float:left; padding:0 4px 0 0; font-size:18px; font-weight:normal; color:#28579c; background-color:#f1f8ff; position:relative; z-index:2;}
.line01,.line02{ position:absolute; left:0; width:100%; height:1px; overflow:hidden;}
.line01{ top:12px; background-color:#b2cbef;}
.line02{ top:13px; background-color:#fff;}
.intro{ position:relative; padding:0 610px 0 0; height:210px; *zoom:1;}
.intro li{ padding-top:30px; font-family:\5B8B\4F53; line-height:1.6; color:#295ca9;}
.intro li em{ color:#ec3030;}
.intro .abs_li{ padding-top:0; position:absolute; right:0; top:10px;}
.problem{ padding:16px 80px 0 0; font-family:\5B8B\4F53; line-height:24px;}
.problem dt strong{ display:inline-block; padding:0 4px; height:24px; color:#fff; background-color:#3d74c7;}
.problem dd{ padding-left:24px; color:#295ca9;}
.dot_dl dd{ padding-left:42px; background-position:-395px -36px;}



/*footer*/
.sys_footer .foot .links,.sys_footer .foot .links a,.sys_footer .foot p,.sys_footer .foot p a{ color:#545454 !important;}

@-webkit-keyframes rotjum{
    0%{-webkit-transform:scale(0); opacity:0;}
    70%{-webkit-transform:scale(1.2); opacity:1;}
	80%{-webkit-transform:scale(1);}
	90%{-webkit-transform:scale(1.1);}
    to{-webkit-transform:scale(1);}
}
@-moz-keyframes rotjum{
    0%{-moz-transform:scale(0); opacity:0;}
    70%{-moz-transform:scale(1.2); opacity:1;}
	80%{-moz-transform:scale(1);}
	90%{-moz-transform:scale(1.1);}
    to{-moz-transform:scale(1);}
}
@-ms-keyframes rotjum{
    0%{-ms-transform:scale(0); opacity:0;}
    70%{-ms-transform:scale(1.2); opacity:1;}
	80%{-ms-transform:scale(1);}
	90%{-ms-transform:scale(1.1);}
    to{-ms-transform:scale(1);}
}
@-o-keyframes rotjum{
    0%{-o-transform:scale(0); opacity:0;}
    70%{-o-transform:scale(1.2); opacity:1;}
	80%{-o-transform:scale(1);}
	90%{-o-transform:scale(1.1);}
    to{-o-transform:scale(1);}
}

@-webkit-keyframes flyin{
    0%{-webkit-transform:translateX(600px); opacity:0;}
    80%{-webkit-transform:translateX(600px); opacity:0;}
	90%{-webkit-transform:translateX(0); opacity:1;}
    to{-webkit-transform:translateX(0) skew(30deg);}
}
@-moz-keyframes flyin{
    0%{-moz-transform:translateX(600px); opacity:0;}
    80%{-moz-transform:translateX(600px); opacity:0;}
	90%{-moz-transform:translateX(0); opacity:1;}
    to{-moz-transform:translateX(0) skew(30deg);}
}
@-ms-keyframes flyin{
    0%{-ms-transform:translateX(600px); opacity:0;}
    80%{-ms-transform:translateX(600px); opacity:0;}
	90%{-ms-transform:translateX(0); opacity:1;}
    to{-ms-transform:translateX(0) skew(30deg);}
}
@-o-keyframes flyin{
    0%{-o-transform:translateX(600px); opacity:0;}
    80%{-o-transform:translateX(600px); opacity:0;}
	90%{-o-transform:translateX(0); opacity:1;}
    to{-o-transform:translateX(0) skew(30deg);}
}

@-webkit-keyframes jitter{
    0%{-webkit-transform:rotate(0); -webkit-transform-origin:100% 100%;}
	10%{-webkit-transform:rotate(-4deg); -webkit-transform-origin:100% 100%;}
    20%{-webkit-transform:rotate(4deg); -webkit-transform-origin:100% 100%;}
	30%{-webkit-transform:rotate(-4deg); -webkit-transform-origin:100% 100%;}
    40%{-webkit-transform:rotate(4deg); -webkit-transform-origin:100% 100%;}
	50%{-webkit-transform:rotate(0); -webkit-transform-origin:100% 100%;}
    to{-webkit-transform:rotate(0); -webkit-transform-origin:100% 100%;}
}
@-moz-keyframes jitter{
    0%{-moz-transform:rotate(0); -moz-transform-origin:100% 100%;}
	10%{-moz-transform:rotate(-4deg); -moz-transform-origin:100% 100%;}
	20%{-moz-transform:rotate(4deg); -moz-transform-origin:100% 100%;}
    30%{-moz-transform:rotate(-4deg); -moz-transform-origin:100% 100%;}
	40%{-moz-transform:rotate(4deg); -moz-transform-origin:100% 100%;}
	50%{-moz-transform:rotate(0); -moz-transform-origin:100% 100%;}
    to{-moz-transform:rotate(0); -moz-transform-origin:100% 100%;}
}
@-ms-keyframes jitter{
    0%{-ms-transform:rotate(0); -ms-transform-origin:100% 100%;}
	10%{-ms-transform:rotate(-4deg); -ms-transform-origin:100% 100%;}
	20%{-ms-transform:rotate(4deg); -ms-transform-origin:100% 100%;}
    30%{-ms-transform:rotate(-4deg); -ms-transform-origin:100% 100%;}
	40%{-ms-transform:rotate(4deg); -ms-transform-origin:100% 100%;}
	50%{-ms-transform:rotate(0); -ms-transform-origin:100% 100%;}
    to{-ms-transform:rotate(0); -ms-transform-origin:100% 100%;}
}
@-o-keyframes jitter{
    0%{-o-transform:rotate(0); -o-transform-origin:100% 100%;}
	10%{-o-transform:rotate(-4deg); -o-transform-origin:100% 100%;}
	20%{-o-transform:rotate(4deg); -o-transform-origin:100% 100%;}
    30%{-o-transform:rotate(-4deg); -o-transform-origin:100% 100%;}
	40%{-o-transform:rotate(4deg); -o-transform-origin:100% 100%;}
	50%{-o-transform:rotate(0); -o-transform-origin:100% 100%;}
    to{-o-transform:rotate(0); -o-transform-origin:100% 100%;}
}

@-webkit-keyframes boxshadow{
    0%{ box-shadow:0 0 300px rgba(255,255,255,1);}
    to{ box-shadow:0 0 0 rgba(255,255,255,0);}
}
@-moz-keyframes boxshadow{
    0%{ box-shadow:0 0 300px rgba(255,255,255,1);}
    to{ box-shadow:0 0 0 rgba(255,255,255,0);}
}
@-ms-keyframes boxshadow{
    0%{ box-shadow:0 0 300px rgba(255,255,255,1);}
    to{ box-shadow:0 0 0 rgba(255,255,255,0);}
}
@-o-keyframes boxshadow{
    0%{ box-shadow:0 0 300px rgba(255,255,255,1);}
    to{ box-shadow:0 0 0 rgba(255,255,255,0);}
}