/* CSS Document */
body{ background:#FFF;}


 /* 隐藏元素 */
.end{ display:none}
.foot1{ display:none}
.message-css{ display:none}
.banner_yd{display:none}
.top_yd{ display:none;}
.step-box1{display:none; }
 

/*banner*/
.banner{ width:100%; height:616px;background:url(../images/banner-bg.jpg) no-repeat center top;
 }
.bannerc{width:1000px;height:708px;margin:0 auto;position: relative;}
.bannerc img{position: absolute; }

.text1{width:1000px;height:186px; position:absolute;top:30px;z-index:2;
animation: text1 3s ease 0s 1 both;
-webkit-animation: text1 3s ease 0s 1 both;
-moz-animation: text1 3s ease 0s 1 both;
-ms-animation:text1 3s ease 0s 1 both;
-o-animation:text1 3s ease 0s 1 both;}

.text2{width:700px;height:370px;z-index:3;  position:absolute;top:200px;left: 160px; margin: 0 auto; 
animation: text1 2s ease 0s 1 both;
-webkit-animation: text1 2s ease 0s 1 both;
-moz-animation: text1 2s ease 0s 1 both;
-ms-animation:text1 2s ease 0s 1 both;
-o-animation:text1 2s ease 0s 1 both;}

.text3{width:1000px;height:90px;z-index:3;  
animation: text1 4s ease 0s 1 both;
-webkit-animation: text1 4s ease 0s 1 both;
-moz-animation: text1 4s ease 0s 1 both;
-ms-animation:text1 4s ease 0s 1 both;
-o-animation:text1 4s ease 0s 1 both;}


@keyframes text1 {
from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from {opacity: 0;transform: translate3d(3000px, 0, 0);}
60% {opacity: 1;transform: translate3d(-25px, 0, 0);}
75% {transform: translate3d(10px, 0, 0);}
90% {transform: translate3d(-5px, 0, 0);}
to {transform: none;}
   }

@-webkit-keyframes text1 {
from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from {opacity: 0;transform: translate3d(3000px, 0, 0);}
60% {opacity: 1;transform: translate3d(-25px, 0, 0);}
75% {transform: translate3d(10px, 0, 0);}
90% {transform: translate3d(-5px, 0, 0);}
to {transform: none;}
   }
   
@-moz-keyframes text1 {
from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from {opacity: 0;transform: translate3d(3000px, 0, 0);}
60% {opacity: 1;transform: translate3d(-25px, 0, 0);}
75% {transform: translate3d(10px, 0, 0);}
90% {transform: translate3d(-5px, 0, 0);}
to {transform: none;}
   }
@-ms-keyframes text1 {
from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from {opacity: 0;transform: translate3d(3000px, 0, 0);}
60% {opacity: 1;transform: translate3d(-25px, 0, 0);}
75% {transform: translate3d(10px, 0, 0);}
90% {transform: translate3d(-5px, 0, 0);}
to {transform: none;}
   }
@-o-keyframes text1 {
from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from {opacity: 0;transform: translate3d(3000px, 0, 0);}
60% {opacity: 1;transform: translate3d(-25px, 0, 0);}
75% {transform: translate3d(10px, 0, 0);}
90% {transform: translate3d(-5px, 0, 0);}
to {transform: none;}
   }

/*第一部分*/
.box1{ width:100%; height:1289px; background:#FFF; }
.bt1{ width:565px; height:200px; margin:0 auto; background: url(../images/bt1.png) no-repeat; padding-top:30px;}
.bt1 h2{ font-size:36px; line-height:72px; text-align:center;}
.bt1 li{ font-size:20px; line-height:72px; text-align:center;}

.main1{ width:1000px; height:770px; margin:0 auto;  }
.main1-1{ width:235px; height:326px; background:url(../images/pic1.png) no-repeat; padding-top:25px; float:left; margin:0 0 0 10px}
.main1-1 h2{ font-size:18px; font-weight:normal; text-align:center; line-height:30px; color:#FFF;}
.main1-1 img{ margin:17px 38px;}
.main1-1 li{ font-size:18px;  text-align:center; line-height:20px; color:#FFF; list-style:none;}



/*第二部分*/
.box2{ width:100%; height:830px; background: url(../images/box2.jpg) repeat;}
.bt2{ width:565px; height:200px; margin:0 auto; background: url(../images/bt2.png) no-repeat; padding-top:30px;}
.bt2 h2{ font-size:36px; line-height:72px; text-align:center; color:#FFF;}
.bt2 li{ font-size:20px; line-height:72px; text-align:center;color:#FFF;}

.main2{ width:1020px; height:650px; margin:0 auto; padding:15px 0 0 0;}
.main2-1{ width:245px; height:142px; float:left; background:url(../images/pic2.png) no-repeat; padding:10px 0 15px 0; margin:0 10px 0 0px;}
.main2-1 img{ margin:0 5px;}
.main2-1 li{ font-size:16px; line-height:35px; text-align:center; padding-bottom:5px;  }
.main2-1 a{  font-size:16px; line-height:35px; text-align:center; padding:5px 10px; background:#f57d69; border-radius:5px; color:#FFF; margin:0 0 0 75px; }
.main2-1 a:hover{ padding:4px 9px; background:#ea6a54; border-radius:5px; color:#FFF; margin:0 0 0 75px; }