*{margin:0;padding:0;}
html,body{
    width:100%;
 
  
    min-width: 1220px;

    
}
body{
    overflow-y: scroll;
    overflow-x: hidden;
}

ul,li{
    list-style: none;
}
a{
    text-decoration: none;
}
.fl{
    float: left;
}
.fr{
    float:right;
}
.swiper-container {
    width: 100%;
    height:100%;
}  
header{
    width:100%;
    height:80px;
    background: rgba(0,0,0,0.5);
    position: fixed;
    z-index: 2;
    top:0;
    left:0;
    
}
header .header{
    width:1200px;
    height:80px;
    margin:0 auto;
}
header h1{
    width:132px;
    height:80px;
    line-height: 80px;
    color:#fff;
    font-weight: normal;
  
}
header p{
    width:446px;
    height:80px;
    line-height:80px;
    color:#fdca27;
    font-size: 20px; 
}
header div{
    width:620px;
    height:80px;
    line-height: 80px;
}
header div a{
    color:#fff;
    padding:11px 22px;
    border-radius: 20px;
}
header div a:hover{
    background: #f65c2d;
}
.bannerCommon{
    
    background-position: top center;
    background-size: auto 740px;
    background-repeat: no-repeat;
}
.banner1{
   
    background-image: url('../images/banner2.png');
   
}
.banner2{
    background-image: url('../images/banner1.png');
   
}
.swiper-banner{
    height:740px;

}
.content1{
    height:171px;
    width:1200px;
    margin:0 auto;
}
.bgBox{
    width:366px;
    height:113px;
    line-height: 90px;
    color:#fff;
    text-indent: 180px;
    font-size: 36px;
    font-weight: 500;
    background: url('../images/bg1.png') right top no-repeat;
}
.content1 div:nth-child(2){
    width: 804px;
    height:87px;
    font-size: 16px;
     padding:26px 0 0 26px;
}
.content1 p {
    height:32px;
    line-height: 32px;
    color:#676767;
}
.swiper-slide{
   
}
.faultage{
  
    width:100%;
    height:350px;
    background: url('../images/gd1.png')  no-repeat;
    background-size: cover;
}
.content2{
    height:143px;
    margin-top:-40px;
    position: relative;
    z-index: -1;
}
.content2 .bgBox{
    height:143px;
    line-height:103px;
    text-indent:70px;
    background: url('../images/bg2.png') left top no-repeat;

}
.content2 div:nth-child(2){
    width: 804px;
    height:63px;
    font-size: 16px;
    padding-top:80px;
    text-indent: 60px;
}
.listBox{
    width:1200px;
    margin:0 auto;
    height:750px;
    background:url('../images/ul_bg.png') right bottom no-repeat;
    
}
.listBox li{
    width:400px;
    height:85px;
    float:left;
    text-align: center;
    padding-top:165px;
}
.listBox li p:nth-child(1){
    margin-bottom:10px;
}
.listBox li:nth-child(1){
    background: url('../images/icon_select.png') center 90px no-repeat;
}
.listBox li:nth-child(2){
    background: url('../images/icon_sell.png') center 90px no-repeat;
}
.listBox li:nth-child(3){
    background: url('../images/icon_synergy.png') center 90px no-repeat;
}
.listBox li:nth-child(4){
    background: url('../images/icon_act.png') center 90px no-repeat;
}
.listBox li:nth-child(5){
    background: url('../images/icon_large.png') center 90px no-repeat;
}
.listBox li:nth-child(6){
    background: url('../images/icon_tv.png') center 90px no-repeat;
}
.listBox li:nth-child(7){
    background: url('../images/icon_safe.png') center 90px no-repeat;
}

.faultage2{
    
    width:100%;
    height:350px;
    background: url('../images/gd2.png')  no-repeat;
    background-size: cover;
    z-index: 2;
}
.bg3{
    position: relative;
    height:272px;
    width:1220px;
    margin:0 auto;
    background: red;
    background: url('../images/pk.png')  center bottom no-repeat;
}
.bg3_diamonds{
    position: absolute;
    width:290px;
    height:121px;
    top:0;
    line-height: 70px;
    color:#fff;
    font-size: 34px;
    text-indent:60px;
    
    background: url('../images/bg3.png') left top no-repeat;
}
.pkContent{
    width:1220px;
    margin:0 auto;
    height: 450px;
    position: relative;
    
}
.leftBox{
    width:51%;
    height:100%;
    background:  url('../images/bgleft.png')  no-repeat;
   overflow: hidden;
}
.rightBox{
    width:49%;
    height:100%;
    background:  url('../images/bgright.png')  no-repeat;
    background-size: cover;
    overflow: hidden;
}
.commonBox ul{
    width:560px;
    margin-top:90px;
  
}
.commonBox ul li{
    height:106px;
  
}
.commonBox ul li h4{
    height:70px;
    font-size: 24px;
    font-weight: 500;
    line-height: 90px;
}
.commonBox ul li p{
    line-height: 36px;
    font-size: 18px;
}
.leftBox{
    text-align: right;
    background-size:cover;
}
.rightBox{
    text-indent: 70px;
 
}
.fenge{
    width:14px;
    height:275px;
    position: absolute;
    top:125px;
    left:624px;
    /* background: red; */
}
.fenge .circle{
    width:14px;
    height:14px;
    border-radius: 100%;
    background: #f35e30;
}
.fenge .line{
    width:2px;
    height:72px;
    margin:10px auto;
    background: #ffc72f;
   
}
.fenge .line:nth-child(6){
    height:36px;
}
.liucheng{
    
    width:100%;
    height:992px;
   
    background: url('../images/liucheng-bg.png')  no-repeat;
    background-size:cover;
}
.liucheng div{
    width:1200px;
    height:992px;
    margin:0 auto;
    background: url('../images/liucheng.png')  no-repeat;
    background-size:100% auto;
}
.footer{
    height:831px;
    background: #535353;
}
.apply{
    height:470px;
    background: url('../images/footer.png')  no-repeat;
    background-size:cover;
    overflow: hidden;
}
.apply div{
    width:500px;
    height:360px;
    margin:57px auto 0;
}
.apply div input{
    width:100%;
    border:none;
    height:64px;
    margin-bottom:20px;
    border-radius: 5px;
    font-size: 22px;
    text-indent:20px;
}
.apply div input:nth-child(4){
    margin:40px 0 0 0;
    background: #f65c2d;
    font-size: 24px;
    line-height: 64px;
    text-indent:0;
}
.foot{
    width:1200px;
    position: relative;
    height:361px;
    margin:0 auto;
    color:#fff;
    text-indent: 120px;
    overflow: hidden;
    background: url('../images/erweima.png') 880px center no-repeat;
}
#goTop{
    width:54px;
    height:54px;
    position: absolute;
    bottom:0;
    right:0;
    cursor: pointer;
    z-index: 3;
    background: url('../images/icon-up.png') center no-repeat #f65c2d;;
}
.foot p{
    height:44px;
    line-height: 44px;
}
.foot p:nth-child(1){
    margin:80px 0 48px 0;
    height:21px;
    line-height:21px;
}
.swiper-pagination{
    bottom:250px !important;
}
.swiper-pagination-bullet-active{
    background: #fff;
}
.swiper-pagination-bullet{
    border:1px solid #fff;
}

@media screen and (max-width: 1800px) {
    .page-change-button{
        position: fixed;
        bottom:10px;
        right:10px;
        z-index:10;
    }
    .page-change-button li{
        width:10px;
        height:10px;
        margin-bottom:10px;
        border-radius: 100%;
        border:2px solid #f65c2d;
        cursor: pointer;
    }
}
@media screen and (min-width: 1800px) {
    .page-change-button{
        position: fixed;
        bottom:10px;
        right:250px;
        z-index:10;
    }
    .page-change-button li{
        width:12px;
        height:12px;
        margin-bottom:12px;
        border-radius: 100%;
        border:2px solid #f65c2d;
        cursor: pointer;
    }
}


.button-active{
    background: #f65c2d;
}