/*
* @author: yangxian
* @design: zhaoxihan
* @update: (2013-06-28)
*/

body{ background-color:#cfdce5;}
.hd{ position:absolute; left:-999em;}
.wrap{ background:url(../img/bg.jpg) no-repeat center 60px #cfdce5; _background-position:center 0; height:1513px; padding-top:60px; _padding-top:0; font-family:\5FAE\8F6F\96C5\9ED1;}
.wp{ width:960px; margin:0 auto;}
.banner{ background:url(../img/banner.jpg) no-repeat; height:394px; position:relative;}
.light, .ico, .circle{ background:url(../img/sp1.png) no-repeat; text-indent:-999em;}
.light{ background-position:0 0; width:274px; height:278px; position:absolute; left:100px; top:60px;}
.ico{ background-position:-376px 0; width:409px; height:261px; position:absolute; left:35px; top:105px;}
.circle{ background-position: -12px -358px; width:150px; height:134px; position:absolute; left:275px; top:30px;}
.top_txt{ position:absolute; left:550px; top:50px; color:#19548a; line-height:65px;}
.top_txt h1{ font-size:42px; font-weight:normal;}
.top_txt h2{ font-size:61px; font-weight:normal;}
.top_txt h2 span{ color:#2182db;}
.top_txt p{ font-size:18px; line-height:50px;}
.get_txt{ width:300px; height:56px; margin-top:30px; overflow:hidden;}
.get_txt .get_btn{ background:url(../img/sp.png) no-repeat 0 0;  display:block; float:left; width:201px; height:56px;  text-indent:-999em;}
.get_txt .get_btn:hover{ background-position:0 -58px;}
.get_txt .kt_txt{ display:block; color:#167ede; float:left; font-size:14px; padding:10px 0 0 10px;text-decoration:underline;}
.main{ background:url(../img/c_bg.png) no-repeat; width:960px; height:1019px; padding-top:100px; margin:0 auto;}
.cont { width:852px; margin:0 auto 20px; overflow:hidden;}
.cont dt{  position:absolute; left:-999em;  }
.cont dd{ padding-left:110px;}
.rule{ height:210px; font-size:15px; color:#5a5a5a; }
.rule p{ line-height:32px;}
.link{ color:#176fc2;}
.process{ width:788px; height:205px; padding-bottom:70px; margin:0 auto; overflow:hidden;}
.q_a{ padding:5px 35px; color:#ffffff;}
.q_a li{ padding-bottom:15px; margin-bottom:15px; border-bottom:#c6daec solid 1px; line-height:24px;}
.q_a li h4{ font-size:16px; font-weight:normal; color:#434343;}
.q_a li p{ font-size:14px; color:#7b7b7b;}

.light{ -webkit-animation:move 1s linear; -moz-animation:move 1s linear;-ms-animation:move 1s linear;-o-animation:move 1s linear;}
@-webkit-keyframes move{from{opacity:0;-webkit-transform:translate(200px,-200px) scale(0)}90%{opacity:0;-webkit-transform:translate(400px,-400px) scale(0)}to{opacity:1;-webkit-transform:translate(0,0) scale(1)}}
@-moz-keyframes move{from{opacity:0;-moz-transform:translate(200px,-200px) scale(0)}90%{opacity:0;-moz-transform:translate(400px,-400px) scale(0)}to{opacity:1;-moz-transform:translate(0,0) scale(1)}}
@-ms-keyframes move{from{opacity:0;-ms-transform:translate(200px,-200px) scale(0)}90%{opacity:0;-ms-transform:translate(400px,-400px) scale(0)}to{opacity:1;-ms-transform:translate(0,0) scale(1)}}
@-o-keyframes move{from{opacity:0;-o-transform:translate(200px,-200px) scale(0)}90%{opacity:0;-o-transform:translate(400px,-400px) scale(0)}to{opacity:1;-o-transform:translate(0,0) scale(1)}}

.ico{ -webkit-animation:loadico 1.5s linear; -moz-animation:loadico 1.5s linear;-ms-animation:loadico 1.5s linear;-o-animation:loadico 1.5s linear;}
@-webkit-keyframes loadico{from{opacity:0;-webkit-transform:translate(0,200px) scale(0)}90%{opacity:0;-webkit-transform:translate(0,400px) scale(0)}to{opacity:1;-webkit-transform:translate(0,0) scale(1)}}
@-moz-keyframes loadico{from{opacity:0;-moz-transform:translate(0,200px) scale(0)}90%{opacity:0;-moz-transform:translate(0,400px) scale(0)}to{opacity:1;-moz-transform:translate(0,0) scale(1)}}
@-ms-keyframes loadico{from{opacity:0;-ms-transform:translate(0,200px) scale(0)}90%{opacity:0;-ms-transform:translate(0,400px) scale(0)}to{opacity:1;-ms-transform:translate(0,0) scale(1)}}
@-o-keyframes loadico{from{opacity:0;-o-transform:translate(0,200px) scale(0)}90%{opacity:0;-o-transform:translate(0,400px) scale(0)}to{opacity:1;-o-transform:translate(0,0) scale(1)}}

.circle{-webkit-animation:down 3.5s .2s ease both;-moz-animation:down 3.5s .2s ease both;}
@-webkit-keyframes down {0% {opacity: 0;-webkit-transform: translateY(-2000px);}60% {opacity: 1;-webkit-transform: translateY(30px);}80% {-webkit-transform: translateY(-10px);	}100% {-webkit-transform: translateY(0);}}
@-moz-keyframes down {0% {opacity: 0;-moz-transform: translateY(-2000px);}60% {opacity: 1;-moz-transform: translateY(30px);}	80% {-moz-transform: translateY(-10px);	}100% {	-moz-transform: translateY(0);}}
@-ms-keyframes down {0% {opacity: 0;	-ms-transform: translateY(-2000px);}60% {opacity: 1;-ms-transform: translateY(30px);}80% {	-ms-transform: translateY(-10px);}	100% {	-ms-transform: translateY(0);}}
@-o-keyframes down {0% {	opacity: 0;	-o-transform: translateY(-2000px);}	60% {opacity: 1;-o-transform: translateY(30px);}80% {-o-transform: translateY(-10px);}100% {-o-transform: translateY(0);}}
@keyframes down {0% {opacity: 0;	transform: translateY(-2000px);	}	60% {	opacity: 1;	transform: translateY(30px);}80% {transform: translateY(-10px);	}100% {	transform: translateY(0);}}

 
.top_txt,.get_txt{-webkit-animation:load 4s ease-in-out;-moz-animation:load 4s ease-in-out;-ms-animation:load 4s ease-in-out;}
@-webkit-keyframes load{	0%{opacity:0;}40%{opacity:0; }100%{opacity:1;}}
@-moz-keyframes load{0%{opacity:0;}40%{opacity:0; }100%{opacity:1;}}
@-ms-keyframes load{0%{opacity:0;}40%{opacity:0; }100%{opacity:1;}}
@-0-keyframes load{0%{opacity:0;}40%{opacity:0; }100%{opacity:1;}}

.sys_footer .links a{ color:#969696!important;}