html, body { height: 100%; width: 100%; overflow: hidden; position:relative; }
*{ margin: 0; padding: 0; }
/*.swiper-container { width: 100%; height: 100%;overflow: hidden; }*/
.w1180 { width: 1180px; margin: 0 auto; }
.swiper-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0}

.swiper-slide { width: 100%; height: 100%; overflow: hidden; }
.swiper-pagination-bullets { width: 14px; right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); -moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%); -ms-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0)}
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10}


/*清除浮动代码*/ 
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 
/*.swiper-slide { margin-bottom: 0!important; padding-bottom: 30px; }*/
.swiper-pagination-bullet { width: 6px; height: 6px; background: #ed6c00; opacity:1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.swiper-pagination-bullet-active { width: 14px; height: 14px; }
.swiper-pagination-bullets .swiper-pagination-bullet { display: block;  margin: 5px auto; }


.page1 { background: #fc8201; }
.page1 .nav { background: #fff; height: 88px; }
.left { float: left; }
.right { float: right; }
.logo,.tel { width: 230px; height: 88px; display: block; position: relative; }
.logo  img,.tel  img { position: absolute; top: 50%; margin-top: -12%; }
.tel  img { margin-top: -7% }
.page1 .bangImg {  width: 60%; position: absolute; left: 50%; margin-left: -30%; margin-top:3%;}
.page1 ul.flow { position: absolute; bottom: 10%; width: 65%; + width: 70%; left: 50%; margin-left: -33%;  }
.page1 ul.flow li { width:25%; float: left;}
.page1 ul.flow li img,.page1 ul.flow li span {  margin: 0 15%; width: 70%; display: block; }
.page1 ul.flow li span {width: 100%; margin: 2px 0 0 0; text-align: center; font-size: 20px; color: #fff; }


.page2 { background: #6d7bfb; }
.page2 h2{ font-weight: normal; text-align: center; font-size: 80px; margin: 5% 0; color: #fff; }
.page2 .page2-box {position: relative; padding-left: 45%;}
.page2 .page2-box dt{ width: 40% ;position: absolute; left: 0; }
.page2 .page2-box dt img { width: 90%; }
.page2 .page2-box dd p { text-indent: 44px; font-size: 22px; line-height:35px; color: #fff; text-align: justify; width: 90%;}
.page2 .page2-box dd span {display: block; width: 200px; min-height: 196px; margin: 25px auto 0 auto; background: #fff; padding:17px 0; position: relative;}
.page2 .page2-box dd span img { position: absolute; width: 80%; left: 50%; margin-left: -40%;}
.page2 .page2-box dd span em { position: absolute; bottom: 15px; width: 100%; display: block; font-style: normal; color: #f18200; font-size: 20px;  text-align: center;}


.page3 { background: #ff8a52 url('../../images/used/page3-line.png') center center no-repeat; background-size: 90%; background-position-y:70%; overflow: hidden; }
.page3-box { position: relative;  height: 100%;   }
.page3 .page3-box h3{ font-size: 90px; color: #fff; margin-top: 15%; font-weight: normal; }
.page3 .page3-box p { color: #fff; font-size: 40px; margin-top: 5% }
.page3 .page3-box p em { font-size: 50px; color: #fff; font-style: normal; }
.page3 .page3-box .page3-phone { position: absolute; bottom: 15%; right: 10%; + bottom: 0;}
.page3 .page3-box .page3-phone img { width: 85% ; + width: 40%;}

.page4 { background: #fff; }
.page4 h2,.page6 h2 { font-size: 90px; font-weight: normal; color: #46525e; margin-top: 5%; text-align: center; }
.page4 .title { font-size: 36px; color: #757f89; text-align: center; margin-top: 6%; }
.page4 ul { margin-top: 5%; }
.page4 ul li { float: left; width: 20%; margin-bottom:3%; position: relative; min-height: 150px;}
.page4 ul li p,.page4 ul li span { position: absolute; left: 50%; top: 127px;  margin-left: -64px; }
.page4 ul li p { top: 0; width: 127px;  height: 127px; background: #ce80dc url('../../images/used/page5-1.png') center center  no-repeat; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; -o-border-radius: 50%; }
.page4 ul li span { margin-top: 5px;  text-align: center; display: block; width: 127px; color: #757f89; font-size: 20px; }
.page4 ul li.list2 p { background: #2acd81 url('../../images/used/page5-2.png') center center  no-repeat; }
.page4 ul li.list3 p { background: #49b5f7 url('../../images/used/page5-3.png') center center  no-repeat; }
.page4 ul li.list4 p { background: #ce80dc url('../../images/used/page5-4.png') center center  no-repeat; }
.page4 ul li.list5 p { background: #38c281 url('../../images/used/page5-5.png') center center  no-repeat; }
.page4 ul li.list6 p { background: #4bcb9f url('../../images/used/page5-6.png') center center  no-repeat; }
.page4 ul li.list7 p { background: #ff6658 url('../../images/used/page5-7.png') center center  no-repeat; }
.page4 ul li.list8 p { background: #657ef9 url('../../images/used/page5-8.png') center center  no-repeat; }
.page4 ul li.list9 p { background: #5c9cf5 url('../../images/used/page5-9.png') center center  no-repeat; }
.page4 ul li.list10 p { background: #ee5f52 url('../../images/used/page5-10.png') center center  no-repeat; }


.page5 { background: #8598f3 url('../../images/used/page5-line.png') center center no-repeat; background-size: 100%; }
.page5 dl { padding-left: 40%; position: relative; }
.page5 dl dt{ width: 40%; position: absolute; left: 0; top: 15%; }
.page5 dl dt img { width: 90% }
.page5 dl dd { padding-top: 25% }
.page5 dl dd  h2{ font-size: 90px; font-weight: normal; color: #fff; margin-bottom: 50px; }
.page5 dl dd p { font-size: 32px; color: #fff; }
.page5 dl dd .page5-list { margin-top: 5%; width: 90%; }
.page5 dl dd .page5-list span { margin-top: 10px; display: inline-block; color: #fff; font-size: 32px; margin-left: 10px; }


.page6 { background: #fff; }
.page6 h2 { font-size: 80px; margin-top: 3%; }
.page6 .page6-box { margin-top: 6%; }
.page6 .page6-list { margin-bottom: 15px; }
.page6 .page6-list dl { float: left; width: 50%; box-sizing: border-box; position: relative; padding-left: 130px; + width: 35%;}
.page6 .page6-list dl dt { width: 115px; height: 115px; border: 1px solid #e7e7e7; position: absolute; top: 15px; left: 0; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; }
.page6 .page6-list dl dt  img { position: absolute; left: 50%; width: 80%; margin-left: -40%;}
.page6 .page6-list dl.car dt  img { width: 100%; top: 50%; margin: -35% 0 0 -50%; }
.page6 .page6-list dl dd  h5{ font-size: 22px; color: #46525e; margin-top: 5px; }
.page6 .page6-list dl dd p { margin-top: 5px; font-size: 20px; color: #757f89 }
.page6 .page6-list dl dd span { display: block; margin-top: 5px; font-size: 20px; color: #757f89;  }
.page6 .page6-list dl dd span em { font-style: normal; }

.page7 .page7-top { background: #ff9313; height: 70%; }
.page7 .page7-top .call span {display: block; width: 200px; min-height: 196px; margin: 25px auto 0 auto; background: #fff; padding:17px 0; position: relative;}
.page7 .page7-top .call span img { position: absolute; width: 80%; margin-left: -40%; left: 50%;}
.page7 .page7-top .call span em { position: absolute; bottom: 15px; width: 100%; display: block; font-style: normal; color: #f18200; font-size: 20px;  text-align: center;}
.page7 .page7-top p { margin-top: 5%; text-align: center; font-size: 50px; color: #fff; }
.page7 .page7-top h2 { padding-top: 3%; position: relative; min-height: 86px;}
.page7 .page7-top h2 img { position: absolute; left: 50%; margin-left: -50%; }
.page7 .page7-top .call { margin-top: 3% }
.footer-bottom{width:1180px; margin:15px auto 0px auto;}
.footer-bottom p{text-align:center; height:35px; line-height:35px; background-color:#f6f6f6}
.footer-bottom p a { color: #757575; }
.footer_Area{margin-top:12px;}
.foot_left{float:left; display:inline; width:18%; text-align:center;}
.foot_main{float:left; display:inline; width:64%; text-align:center; line-height:23px; font-size:13px;}
.foot_right{text-align:center;}
.foot_main img{margin:0px 12px;}

.page1 .shake { animation-delay:0.55s; -webkit-animation-delay:0.55s; }
.page3 p:nth-of-type(1){ animation-delay:1s; -webkit-animation-delay:1s; }
.page3 p:nth-of-type(2){ animation-delay:2s; -webkit-animation-delay:2s; }
.page7 .tada { animation-delay:1s; -webkit-animation-delay:1s; }

@media screen and (max-width:1390px){ 
    .page1 ul.flow { bottom: 5% }
    .page1 .bangImg { width: 55%; margin-left: -27%; } 
    .page1 ul.flow li img{ width: 60%; margin: 0 20%; }
    .page1 ul.flow li span { font-size: 18px; }
    .page2 .page2-box dt img { width: 80%; }
    .page3 .page3-box h3 { margin-top: 8%; font-size: 70px;}
    .page3 .page3-box p { font-size: 30px; margin-top: 4%; }
    .page3 p:nth-of-type(2) { margin-top: 3% }
    .page3 .page3-box .page3-phone img { width: 75%; + width: 35%;}
    .page3 .page3-box .page3-phone { bottom: 8% }
    .page4 h2,.page4 ul { margin-top: 5% }
    .page4 h2 { font-size: 70px; }
    .page4 .title { font-size: 30px; margin-top: 5%}
    .page4 ul li p { width: 107px; height: 107px; margin-left: -54px }
    .page4 ul li span { width: 127px; top: 107px; margin-left: -54px}
    .page4 ul li { margin-bottom: 2%; }
    .page5 dl dd  h2 { font-size: 70px; margin-bottom: 50px; }
    .page5 dl dt { top: 10% }
    .page6 h2 {font-size: 70px;margin-top: 5%;}
    .page6 .page6-box { margin-top: 6%; }
    .page7 .page7-top h2 { padding-top: 2%; min-height: 77px;}
    .page7 .page7-top h2 img { width: 85%; margin-left: -42%;}
    .page7 .page7-top .call,.page7 .page7-top p { margin-top: 2%; font-size: 40px; }

 }