.indexbox11{
    text-align: center;
}
.indexbox11 h2{
    font-size: 36px;
    color:#ffff00;
}
.indexbox11 .line{
    width:170px;
    height:5px;
    background:#fff;
    margin:0 20px;
    display: inline-block;
}
.indexbox11 .text{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%,-50%);
}
.indexbox11 .h3{
    margin:20px 0;
}
.indexbox11 .h3 span{
    font-size: 36px;
    color:#ffff00;
    font-weight:bold;
    margin:0 50px;
}
.indexbox11 a{
        width: 120px;
        height: 40px;
        border: 1px solid #fff;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #fff;
        line-height: 40px;
        text-align: center;
        display: inline-block;
       
        box-sizing: border-box;
        margin-top: 40px;
}
.indexbox11 h5{
    font-size: 36px;
    color:#ffff00;
    font-weight:bold;
}
.indexbox11 p{
    font-size: 30px;
    color:#fff;
}
.indexbox11 h4{
    font-size: 36px;
    color:#fff;
    margin:20px 0;
}
.wrap{
    width:1200px;
    margin:0 auto;
}
.swiper-banner{
    position: relative;
   width:100%;
}
.swiper-banner .swiper-father{
    width:100%;
    height:120px;
    background:rgba(0,0,0,0.5);
    position: absolute;
    bottom:0;
    z-index:999;
}

#fullpage .wap a img{
    display:none;
}

.swiper-banner .gallery-thumbs{
    width:85%;
    margin:0 auto;
}

.swiper-banner .gallery-thumbs .swiper-slide{
    width:20% !important;
    height:120px;
    display:flex;
    align-items: center;
}
.swiper-banner .gallery-thumbs .swiper-slide img{
	opacity: .5;
}
.swiper-banner .gallery-thumbs .swiper-slide-active img{
	opacity: 1;
}
.gallery-top .swiper-slide img{
    width:100%;
}

.swiper-button-white.swiper-button-prev {
    background:url(../images/prev.png) no-repeat center center/100% !important;
    width:34px;
height:34px;
left:20px;
}
.swiper-button-white.swiper-button-next{
    background:url(../images/next.png) no-repeat center center/100% !important;
    width:34px;
height:34px;
right:20px;
}
.header{
    height:100px;
background:rgba(37,156,240,1);
line-height: 100px;
box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.15);
position:fixed;
width:100%;
z-index:999;
}
.header .fr{
    display:flex;
}
.header .fr a img{
    width:30px;
    padding-right:30px;
    vertical-align: middle;
}
#fullpage{
    margin-top:100px;
}
.header .wrap{
    padding:0 70px;
    width:100%;
    box-sizing: border-box;
}

.header .fr li{
    float: left;
    border-left:1px solid rgba(225,225,225,1);
    height:20px;
    line-height: 20px;
    margin-top:40px;
}

.header .fr li a{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    margin:0 40px;
    padding-bottom:10px;
    
}
.header .fr li.active{
   
    background:url(../images/circle.png) no-repeat left  center;
    border-left:none;
}

.header .fr li.active a{
    border-bottom:2px solid rgba(255,255,255,1);
}
.indexbox1{
  background-color: #f9f9f9;
}
.indexbox1 .fl,.indexbox1 .fr{
    width:50%;
    position: relative;

}
.indexbox1 .fl .logo{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:48%;
}
.indexbox1 .fl .logo img{
    width:100%;
}
.indexbox1 .fl img{
    width:100%;
}
.indexbox1 .fr{
    padding:6% 3% 4%;
    box-sizing: border-box;
}

.indexbox1 .fr p.title{
    font-size:36px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height:60px;
margin-bottom:75px;
}

.indexbox1 .fr .text p{
    font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height:45px;
margin-bottom:45px;
}

.indexbox1 .fr  a{
    width:143px;
height:40px;
background:rgba(0,0,0,0);
border:1px solid rgba(125,125,125,1);
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height: 40px;
background:url(../images/arrow.png) no-repeat right 10px center;
display:inline-block;
padding-left:20px;
box-sizing: border-box;
}

.indexbox2{
    background:rgba(248,252,255,1);
    padding:120px 0 auto;
}

.indexbox2 h2{
    font-size:48px;
font-family:PingFang;
font-weight:300;
color:rgba(0,0,0,1);
text-align: center;
}

.indexbox2 p.title{
    font-size:36px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
margin:10px 0;
text-align: center;
}
.indexbox2 .wrap{
    width:85%;
    margin:0 auto;
}
.indexbox2 p span{
    color:#0089E1;
}
.indexbox2 ul{
    margin-top:140px;
}
.indexbox2 span.line{
    width:40px;
height:4px;
background:rgba(7,135,224,1);
display:block;
margin:0 auto;
}
.indexbox2  li:nth-of-type(1) i{
    background:url(../images/ico1.png) no-repeat center;
}
.indexbox2  li:nth-of-type(2) i{
    background:url(../images/ico2.png) no-repeat center;
}
.indexbox2  li:nth-of-type(3) i{
    background:url(../images/ico3.png) no-repeat center;
}
.indexbox2  li:nth-of-type(1):hover i{
    background:url(../images/ico4.png) no-repeat center;
}
.indexbox2  li:nth-of-type(2):hover i{
    background:url(../images/ico5.png) no-repeat center;
}
.indexbox2  li:nth-of-type(3):hover i{
    background:url(../images/ico6.png) no-repeat center;
}
.indexbox5 img.wap{
    display:none;
}
.indexbox2  li{
    float: left;
    width:32%;
    margin:0 2% 0 0;
    background:#fff;
    padding:54px 0;
    text-align: centers;
}
.indexbox2  li:nth-of-type(3n){
    margin-right:0;
}
.indexbox2  li span{
    font-size:32px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height:48px;
display:block;
text-align: center;
margin-bottom:30px;
}

.indexbox2  li  p{
    font-size:21px;
font-family:MicrosoftYaHeiLight;
font-weight:400;
color:rgba(51,51,51,1);
text-align: center;
}

.indexbox2  li i{
    display:block;
    height:80px;
    width:100%;
    margin-bottom:20px;
}
.indexbox2  li:hover{
    background:rgba(7,135,224,1);
}

.indexbox2  li:hover span,.indexbox2  li:hover p{
    color:#fff;
}

.indexbox3{
    background:rgba(7,135,224,1);
    padding-top:20px;
}

.indexbox3 .wrap{
    width:1100px;
    
}
.section{
    overflow: hidden;
}
.indexbox3  img{
    display:block;
    margin:0 auto 50px;
    max-width: 50%;
}

.indexbox3  h2{
    font-size:36px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(255,255,255,1);
line-height:45px;
text-align: center;
margin-bottom:30px;
}
.indexbox3 p {
    font-size:30px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
line-height:48px;
text-align: center;
}

.indexbox4 .tops .fl,.indexbox4 .tops .fr{
    width:50%;
}

.indexbox4 .tops .fl img{
    width: 100%;
}

.indexbox4 .tops .fr{
    padding:5%;
    box-sizing: border-box;
}

.indexbox4 .tops .fr p{
    font-size:48px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height:45px;
text-align: center;
}

.indexbox4 .tops .fr .logo{
    width:70%;
    margin:0 auto;
    border-top:1px solid rgba(229,229,229,1);
    margin-top:30px;
    padding-top:50px;
}

.indexbox4 .tops .fr .logo img{
    max-width:50%;
    display:block;
    margin:0 auto 50px;
}

.indexbox4 .tab{
    background:#eee;
}
.indexbox4 .tab .list{
    display:flex;
}
.indexbox4 .tab .list .fl{
    width:38%;
    padding:4% 2%;
    box-sizing: border-box;
}

.indexbox4 .tab .list .fr{
    width:62%;
}
.details{
    padding-top:100px;
}
.innerbanner{
    padding-top:100px;
}

.banner>img{
    width:100%;
}
.indexbox4 .tab .list .fr img{
    width:100%;
    height:100%;
}

.indexbox4.direction .tab .list .fl{
    float:right;
    width:38%;
}
.indexbox4.direction  .tab .list .fl.fr{
    float:left;
    width:62%;
}

.indexbox4 .tab .list .fl img{
    max-width: 100%;
    display:block;
    margin-bottom:50px;
}

.indexbox4 .tab .list .fl p{
    font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height:45px;
}
.indexbox4 .tab .list .fl a{
    width: 143px;
    height: 40px;
    background: rgba(0,0,0,0);
    border: 1px solid rgba(125,125,125,1);
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 40px;
    background: url(../images/arrow.png) no-repeat right 10px center;
    display: inline-block;
    padding-left: 20px;
    box-sizing: border-box;
    margin-top:40px;
}

.indexbox5{
    position: relative;
}

.indexbox5>img{
    width: 100%;
}

.indexbox5 .text{
    position: absolute;
    top:6%;
    width:90%;
    left:5%;
    z-index:999;
}
.indexbox5 .text .fl,.indexbox5 .text .fr{
    width:50%;
}
.indexbox5 .text .fl p{
    font-size:36px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(254,254,254,1);
line-height:45px;
text-align: center;
}
.indexbox5 .text .fl span{
    font-size:24px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(254,254,254,1);
line-height:45px;
}
.indexbox5 .text .fl  img{
    display:block;
    margin:20px auto 90px;
}

.indexbox5 .text .fr p{
    font-size:36px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(254,254,254,1);
line-height:60px;
}

.indexbox5 .text .fr  a{
    width: 143px;
    height: 40px;
    background: rgba(0,0,0,0);
    border:1px solid rgba(255,255,255,1);
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 40px;
    background: url(../images/arrow2.png) no-repeat right 10px center;
    display: inline-block;
    padding-left: 40px;
    box-sizing: border-box;
    margin-top: 40px;
}
.indexbox6{
    background:rgba(243,243,243,1);
}
.indexbox6  .fl,.indexbox6 .fr{
    width:50%;
    box-sizing: border-box;
}
.indexbox6 .fr img{
    width: 100%;
}
.indexbox6  .fl{
    padding:2% 3% 20px;
}

.indexbox6  .fl p.title{
    font-size:36px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height:45px;
}
.indexbox6  .fl p.title span{
    color:#0787E0;
}
.indexbox6  .fl  span.line{
    width: 40px;
    height: 4px;
    background: rgba(7,135,224,1);
    display: block;
    margin:20px 0 30px;

}
.indexbox6  .map{
    margin-top:50px;
    width:90%;
}
.indexbox6 .copy{
    height:auto;
    padding-top:30px;
    width:90%;
    border-top:1px solid rgba(153,153,153,1);
    line-height:20px;
    margin-top:30px;
}
.indexbox6  .fl .info p:first-child{
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:45px;
    margin-bottom:40px; 
}
.indexbox6  .fl .info p{
    font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;
color:#333333;
line-height:24px;
}

.indexbox6  .fl .info p span{
    color:#999;
}
.indexbox6 .map img{
    width:100%;
}
.rightside{
    position:fixed;
    width:96px;
height:300px;
padding-top:20px;
background:rgba(7,135,224,0.9);
z-index:99999;
right:40px;
top:auto;
bottom:40px;
border-radius:48px;
display:flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;

}
.target-fix{
    display:none;
}
.rightside li a{
    font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
line-height:45px;
}

.details  img{
    display:block;
    margin:0 auto;
    width: 100%;
}

.copy{
    height:138px;
background:rgba(243,243,243,1);
line-height: 138px;
padding-left:5%;
box-sizing: border-box;
}
.copy p,.copy a{
    font-size:14px;
font-family:SourceHanSansCN;
font-weight:400;
color:rgba(153,153,153,1);
}

.project  .pro1{
  
    padding:80px 0 150px;
}


.project  .pro1 h2{
    font-size:48px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
text-align: center;
margin-bottom:80px;
}

.project .wrap{
    width:90%;
    margin:0 auto;
}

.project  .pro1 li{
    float: left;
    width:22%;
    position: relative;
    margin:0 4% 40px 0;

}
.project  .pro1 li:nth-of-type(4n){
    margin-right:0;
}
.project  .pro1 li img{
    width:100%;
    height: 248px;
    border-radius: 10px;
}

.project  .pro1 li p{
    position: absolute;
    bottom:0;
    width:100%;
    height:55px;
    line-height:55px;
    background:#d0b740;
    color:#fff;
    font-size: 20px;
    text-align: center;
    border-radius: 10px;
}


.phoneheader,.mobile-container{
    display:none;
}

.indexbox6 .fl .copy{
   padding-left:0;
}