/* 
* @Author: anchen
* @Date:   2016-12-27 13:52:17
* @Last Modified by:   anchen
* @Last Modified time: 2017-01-05 10:13:40
*/

body,html {
    width:100%;
    height:100%;
    /*background:#ffc53a;*/
}

.tian {
    position:fixed;
    top: 0;
    left:0;
    width:100%;
    height:100%;
    z-index: 10000;
    background:rgba(0, 0, 0, 0.8);
}
.shou {
    margin: 90% 0 0 55%;
    width:1.28rem;
    height:1.28rem;
    animation:zhishi 1s linear 0s infinite;
    -webkit-animation:zhishi 1s linear 0s infinite;
}
@-webkit-keyframes zhishi {
    0% { 
        transform:translateX(0);
     }
    100% { 
        transform:translateX(-150px);
     }
}

@keyframes zhishi {
    0% { 
        transform:translateX(0);
     }
    100% { 
        transform:translateX(-150px);
     }
}
.contain {
    width:100%;
    height:100%;    
}
.swiper-container,.swiper-slide {
    width: 100%;
    height: 100%;
} 

.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 20px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #0c0d59;
} 
.first,.second,.third,.four,.five {
    width:100%;
    height:100%;   
}
.first {
    background: #3b3b3b;
}
.second,.third,.four,.five {
    background:#ffc422;
    text-align: center;
}
.first1 {
    width:100%;
    margin-top: 0.2rem;
}
.first .ttt,
.first .ppp {
    display: block;
    padding: 0.05rem 0 0.07rem;
    text-align: center;
    font-size: 0.39rem;
    letter-spacing: 3px;
    color: #fff;
}
.first .foot {
    padding-top: 0.3rem;
    font-size: 0;
}
.first .foot a {
    display: inline-block;
    font-size: 0.37rem;
    color: #0c0d59;
    background: #d8a93a;
    margin-left: 0.81rem;
    padding: 0.2rem 0;
    width: 3.75rem;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}
.first2 {
    width:100%;
    height:0.55rem;
}
.second1 {
    width:100%;
    height:11.31rem;
}
.second2 {
    margin-top: 0.5rem;
    width:4.96rem;
    height:2.69rem;
}
.third1 {
    width:100%;
    height:11.16rem;
}
.third2 {
    margin-top: 0.2rem;
    width:2.4rem;
    height:3.6rem;
}
.four1 {
    width:100%;
    height:9.75rem;
}
.four2 {
    margin-top: 1.41rem;
    width:5.77rem;
    height:3.2rem;
}
.five1 {
    width:100%;
    height:7.16rem;
}
.call {
    margin:0.69rem 0 0 1.6rem;
    width:6.8rem;
    height:0.93rem;
    background:#fff;
    border-radius: 1.1rem;
    line-height: 0.93rem;
    animation: xintiao 0.8s linear 0s infinite;
    -webkit-animation: xintiao 0.8s linear 0s infinite;
}
@-webkit-keyframes xintiao {
    0% { 
        transform: scale(1, 1);
     }
     50%{
        transform: scale(1.05, 1.05);
     }
    100% { 
        transform: scale(1, 1);
     }
}

@keyframes xintiao {
    0% { 
        transform: scale(1, 1);
     }
     50%{
        transform: scale(1.05, 1.05);
     }
    100% { 
        transform: scale(1, 1);
     }
}
.five2 {
    float: left;
    width:2.29rem;
    height:0.61rem;
    margin:0.2rem 0 0 1.07rem;
}
.tell {
    float: left;
    width:2.67rem;
    height:0.93rem;
}
.five3 {
    margin-top: 2.11rem;
    width:6.31rem;
    height:3.43rem;
}

.ttt img {
    width:10rem;
    height:0.55rem;
}
.contain {
    position: relative;
}
.three {
    background: #fff;
    height: 100%;
}
.three img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10rem;
}
.indexbtn {
    position: absolute;
    top: 0.5rem;
    left: 0.4rem;
    width: 0.93rem;
    height: 0.93rem;
    background: url(../images/index.png) no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    z-index: 9;
}