﻿
/*@font-face{
    font-family:汉仪菱心体简;
    src:url('../fonts/汉仪菱心体简.ttf') format('truetype');
}*/

/*锚点链接页面不会被固定导航条遮挡*/
.goldflow-sec{
    padding-top:80px;
    margin-top:-80px;
}

/*第一部分*/
.goldflow-banner{
    /*height: 100vh;*/  /*相对于视口的高度，视口被均分为100vh；*/
    background: url(../../../Images/Images/banner1.jpg) no-repeat fixed top center;
    background-size:cover;
}
.goldflow-banner-content{
    height:100vh; 
    padding-top:10%;
}
.goldflow-banner-content > h1 {
    font-size: 80px;
    font-family:汉仪菱心体简;
}
.goldflow-banner-content > p {
    color: #fff;
    line-height: 1.5;
    font-size:36px;
    padding-top:5%;
    max-width: 40%;
    margin:auto;
}
/*轮播的li标签把圆形改为方块*/
.monster_carousel{
    /*padding-bottom:5%;*/
    /*left:0;*/
    width:100%;
    margin:auto;
}
.monster_carousel li{
    width:22px;
    height:14px!important;
    border-radius:0;
    background:rgba(255,255,255,0.5);
    border:none;
    margin:0;
    margin-left:10px;
    margin-right:10px;
}
.monster_carousel .active{
    width:66px;
}
.case_carousel{
    left:20%;
    margin-bottom:0px;
}
.case_carousel li{
    width:16px;
    height:16px;
    border-radius:8px;
    background:#95cce2;
    border:none;
    margin:0;
    margin-left:30px;
    margin-right:30px;
}
.case_carousel .active{
    width:20px;
    height:20px;
    border-radius:10px;
    background:#2b9ac6;
}
/*模块之间8个像素的蓝色分隔线*/
.goldflow-line{
    height:8px;
    width:100%;
    background:#2b9ac6;
}
/*标题两端的横线*/
.blue-title{
    width:100%;
    margin:auto;
    padding-top:30px;
}
.blue-title span{
    color:#2b9ac6;
    font-size:34px;

}
.blue-line{ 
    height:1px;
    background:#2b9ac6;
    display:block;
    width:80px;
}
.blue-title span:before,.blue-title span:after{
    content:url(../../../Images/Images/line.jpg);
    padding-left:30px;
    padding-right:30px;
}
/*产品服务模块*/

.goldflow-title{
    padding-bottom:50px;
    /*height:100vh;*/
}
.goldflow-title>span{
    font-size:20px;
    color:#666;
}
.goldflow-title p{
   margin:0;
   font-size:20px;
   margin-top:30px;
}


/*我们的服务开发内容的样式*/
.goldflow-service{
    background:#f2f2f2;
}
.goldflow-service-contain{
    margin-top:150px;
    padding-left:60px;
    padding-right:60px;
}
.goldflow-service-main{
    width:74%;
    margin:auto;
}
.goldflow-service-class figure figcaption{
    color:#2b9ac6;
    font-size:20px;
    margin-top:30px;
}
.goldflow-service-class p{
    font-size:18px;
    color:#666;
    margin-top:50px;
    text-align:left;
    line-height:2;
}
.goldflow-foo p{
    margin-bottom:0;
    margin-left:15px;
    margin-right:15px;
    margin-top:100px;
    font-size:18px;
    color:#666;
    padding-bottom:100px;
    line-height:2;
}

/*成功案例展示模块*/
.goldflow-case{
    padding-bottom:150px;
}
.goldflow-success-case{
    height:600px;
    text-align:left;
    width:74%;
    margin:auto;
}
.goldflow-success-case-r{
    text-align:right;
}
.goldflow-success-case h1{
    font-size:34px;
    color:#666;
}
.goldflow-success-case p{
    font-size:18px;
    color:#999;
    margin-top:30px;
}
.goldflow-success-case img{
    margin-top:50px;
}
.goldflow-success-img{
    display:block;
    margin-right:0;
    float:right;
}
.about-content{
    margin-top:200px;
}
.more-btn{
    border:solid 1px #2b9ac6;
    border-radius:0;
    background:none;
    color:#2b9ac6;
    font-style:italic;
    font-weight:bold;
    font-size:18px;
    width:162px;
    height:47px;
    line-height:47px;
    padding:0;
    margin-top:50px;
}
.else-item{
    width:250px;
    height:70px;
    line-height:70px;
    /*margin-bottom:50px;*/
}

/*我们的团队模块*/
.goldflow-team{
    background:#f2f2f2;
    padding-top:80px;
}
.goldflow-team-person{
    width:74%;
    margin:auto;
}
#AA > ul {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom:50px;
}
#AA > ul > li {
    display: block;
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

#AA > ul > li > img {
    display: block;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 45px;
    transition:all 0.3s;
}

#AA > ul > li > img.scale{
    width:70%;
    left:15%;
    top:5px;
}

#AA > ul > li > span {
    display: block;
    width: 100%;
    height: auto;
    margin-top:20px;
}

#AA > ul > li > .fir {
    margin-top: 200px;
    color:#333;
    font-size:20px;
            
}
#AA > ul > li > span.job {
    display: none;
    color:#999;
    font-size:16px;
    margin-top:40px;
    text-align:left;
    text-indent:2em;
}
/*联系我们*/

.goldflow-contact-info{
    padding-top:20px;
    padding-bottom:20px;
    color:#666;
    font-size:18px;
    line-height:1.7;
}