/*banner*/
.banner{ width:100%; height:616px; background: url(../images/banner-bg.jpg) no-repeat top center;}
.bannerc{width:1000px;height:708px;margin:0 auto;position: relative;}
.bannerc img{position: absolute;}
.bannerc p{ height:186px; width:1000px; position:absolute;top:30px; left:10px;}
.bannerc h2{height:708px; width:500px;position:absolute;}
.bannerc li{ width:700px; height:378px; background:url(../images/text2.png)  no-repeat;position:absolute;top:230px; left:140px; font-size:26px; color:#FFF; line-height:66px; padding-left:260px; padding-top:10px;  }

.text1{width:1000px;height:186px;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:1000px;height:90px;z-index:3;  
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; }