body{
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 16px !important;
}
[v-cloak] {
    display: none;
}
.navbar-nav {
    display: flex;
    justify-content: right;
    width: 100% !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: none !important;
}
 
/* .nav{
    width: 100%;
    height: 62px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: all .8s ease-in-out 0s;
    padding: 10px 0;
    background-color: #fff;
    opacity: 0.7;
} */

.nav_center{
    margin: 0 10%;
    height: 62px;
    display: flex;
    justify-content: space-between;
}
.logo{
    width: 230px;
    height: 62px;
    display: flex;
    align-items: center;
    
}
.logo a{
    cursor: pointer;
    width: 230px;
    height: 62px;
    display: block;
    background: url('../img/logo.png') no-repeat  left center;
    background-size: 100% 100%;
}
.logo img{
    width: 100%;
    height: 100%;
}
.nav_center ul {
    display: flex;
}
.nav_center ul li{
    cursor: pointer;
    line-height: 62px;
    margin: 0 15px;
    font-size: .2667rem;
}
.nav_center ul li a.cur{
    color:#5BAB4F;
}
.swiper-container{
    width: 100%;
    margin-top: 71px;
}
.swiper-pagination-bullet-active {
    background-color:#ffffffc9 !important
  }
.brand{
    max-width: 1200px;
    margin: 0 auto;
    background-image:url(../img/brand.png);
    background-repeat: no-repeat;
    background-position: -200px -80px;
    background-size:contain;
    /* height: 880px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.title{
    /* width: 40%; */
    flex: 1;
    padding: 60px 5% 0;
}
.title h4{
    font-size: 40px;
    height: 45px;
    line-height: 45px;
    color: #5BAB4F;
}
.title h5{
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
    font-weight: normal;
}
.title p{
    padding-top: 2rem;
    font-size: 16px;
    line-height: .6rem;
    text-indent: 3em;
    /* width: 500px; */
}
.brand video{
    margin-top:0.8rem ;
    width: 450px;
}

.brandRight{
    width: 45%;
    padding: 80px 0;
}
.brandRight img{
    width: 100%;
}
.service{
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
}
.servicebg{
    background:url(../img/serverbg.png) no-repeat;
    padding-bottom: 80px ;
    margin-bottom: 0;
    /* height: 980px; */
    background-size: 100% 100%;
}
.service .title{
    margin: auto;
}
.line{
    width: 200px;
    height: 4px;
    border-bottom: 1px #ccc solid;
    clear: both;
    margin: 0px auto;
    display: flex;
}
.line span{
    display: block;
    width: 80px;
    height: 3px;
    border-bottom: #5BAB4F solid 3px;
}
.service .title .line{
    width: 218px;
}
.service .title .line span{
    text-align: center;
    margin:auto
}
.partner{
    /* height: 654px; */
    background-image:url(../img/group.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-size: 100% 100%;
    padding-bottom: 1.3333rem;
}

.item_center{
    /* width: 70%; */
    margin: 70px auto 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    padding-bottom: 40px;
    justify-content: space-between;
}
.item{
    background: #fff;
    /* padding: 15px; */
    border-radius: 6px;
    box-shadow: 2px 2px 20px 2px #ccc;
    width: 19.5%;
    margin-bottom: 20px;
    overflow: hidden;
}
.item aside {
    padding: 15px;
}
.item div{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
    height: 55px;
}
.item div img{
    display: inline-block;

}
.item p{
    padding-top: 10px;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
footer{
    background: #222;
    color: #CBCBCB;
    width: 100%;
    /* height: 400px; */
    clear: both;
}
.foot_center{
    margin: 0 10%;
    /* height: 400px; */
    display: flex;
    justify-content:space-around;
    /* clear: both; */
}
.foot_center h3{
    line-height: 34px;
    font-weight: normal;
    font-size: 12px;
    display: flex;
}
.foot_center h3 >div {
    flex: 1;
}

.foot_center p{
    font-size: 12px;
    list-style: 38px;
    padding-bottom: 5px;
    position: relative;
}
.foottit{
    font-size: 12px !important;
}
.foot_center p a{
    color: #CBCBCB;
    cursor: pointer;
}
.foot_center a:hover{
    color: #5BAB4F !important;
}
.foot_center .left p span{
    display: none;
    position: absolute;
    top: 0;
    left: 80px;
}
.foot_center .left p span img{
    width: 120px;
  }
.foot_center p:hover span{
    display: block;
}
.sortline{
    border-bottom: #484747 solid 3px;
    height: 3px;
    width: 26px;
    margin-bottom: 10px;
}
.foot_center .left{
    width: 380px;
    padding-top: 60px;
    padding-left: 60px;
}

.foot_center .right{
    flex: 1;
    padding-top: 60px;
    margin-right: 40px;
}
.foot_center .right img{
    margin-bottom: 10px;
}
.foot_center .right p{
    text-align: center;
}
.foot_bottom{
    font-size: 14px;
    color: #CBCBCB;
    text-align: center;
    line-height: 30px;
    background: #000;
}
.code{
    display: flex;
    justify-content: flex-end;
}
.weixin{
    margin-right: 20px;
    margin-bottom: 10px;
}
.weixin img{
    width: 120px;
    height: 120px;
}

.swiper-slide img {
    width: 100%;
    /* height: 980px; */
}
div.servicesWrap {
    max-width: 1200px;
    margin: 70px auto;
    overflow:hidden;
    display: flex;
}
div.servicesWrap div.serviceItem{
    /* flex: 1; */
    width: 25%;
    position: relative;
    cursor: pointer;
    z-index: 1000;
}
div.servicesWrap div.serviceItem img{
    width: 300px;
}

div.servicesWrap div.serviceItem  div.mask{
    background: #000;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    transition: all .2s ease-in-out 0s;
    z-index: 10;
}
div.servicesWrap div.serviceItem  div.description{
    position: absolute;
    padding:0px 20px;
    height: 100%;
    left:0%;
    z-index: 1000;
    text-align: left;
    top: calc(100% - 75px);
    transition: all .6s ease-in-out 0s;
}
div.servicesWrap div.serviceItem  div.description h2 {
    font-size: 20px;
    height: 40px;
    color: #000;
    
}
div.servicesWrap div.serviceItem  div.description p{
    line-height: 2.2;
    font-size: 14px;
    color: #fff;
}
div.servicesWrap div.serviceItem .shadow{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient( to top, #F9F9FA 0%, rgba(255,255,255,0) 100%);
    border-radius: 0px 0px 0px 0px;
}
div.servicesWrap div.serviceItem:hover .shadow{
    display: none;
}
div.servicesWrap div.serviceItem:hover div.mask{
    opacity: 0.5;
}
div.servicesWrap div.serviceItem:hover  div.description {
    top: calc(45% - 80px);
}
div.servicesWrap div.serviceItem:hover  div.description h2 {
    color: #fff;
}
div.servicesWrap div.serviceItem:hover  div.description p {
    color: #fff;
}
div.ourservicewrap {
    padding-top: 70px;
    display: flex;
    max-width: 1200px;
    /* height: 588px; */
    margin: 0px auto;
    cursor: pointer;
}
div.ourservicewrap .floating-words{
    position: absolute;
    bottom: -12px;
    left:0;
    right: 0;
    color: #fff; 
    font-size: 20px;
    z-index: 99;
}
div.ourservicewrap div.column-line , div.ourservicewrap div.middle div.top div.column-line, div.ourservicewrap div.middle div.bottom div.column-line{
    width: 1px;
    background:#FFF;
    flex: none;
}
div.ourservicewrap div.column-row {
    height: 1px;
    background:#FFF;
}
div.ourservicewrap .left{
    height: 502px
}
div.ourservicewrap .left img{
    /* width: 407px; */
    width: 100%;
}
div.ourservicewrap img {
    height: 100%;
    width: 100%;
    /* width: 496px; */
}
div.ourservicewrap div.middle div.top , div.ourservicewrap div.middle div.bottom {
    /* height: 294px; */
    display: flex;
}
div.ourservicewrap div.left , div.ourservicewrap div.middle,div.ourservicewrap div.right , div.ourservicewrap div.middle div.top div , div.ourservicewrap div.middle div.bottom div{ 
    flex: 292;
    padding:0px;
}

div.ourservicewrap div.middle {
    flex: 708;
} 

div.ourservicewrap img{
    transition: all .5s ease-in-out 0s;
}
div.ourservicewrap img:hover{
    transform: translateY(-10px);
}
.foot_center_modify{
    display: block;
    margin: 0px 10%;
    padding: 50px 0;
}
.foot_center_modify h3 span{
    line-height: 34px;
    font-weight: normal;
    font-size: 14px;
    padding-right: 30px;
}
.foot_center_modify h3 a{
    font-size: 12px;
    color:#CBCBCB;
    margin-right: 26px;
}
.foot_center_modify h3 i{
    font-size: 12px;
    color:#CBCBCB;
    padding-right: 26px;
    font-style: normal;
}

.formData{
    width: 6.6667rem;
}

/* @media screen and (max-width:820px){
    .nav_center{
        margin: 0 6%!important;
    }
    .brand video {
        margin-top:0.27rem;
        width: 4.4rem;
    }
    .item_center{
        flex-wrap: wrap;
        justify-content: center; 
        align-content: center;
        width: 90%;
    }
    .item_center .item{
        margin-right:10px;
        width: 200px;
        
    }
    .partner{
        padding-bottom: 0;
    }
} */

.ipnone{
    display: none;
}
@media screen and (max-width:1024px){
    .detail_yangbenBg{
        width: 96%;
        max-width: 20rem;
        margin:1rem 2% 2rem;
    }
    .new-list-title {
        margin: .4rem !important;
    }
    .flex_one .new-list-content-left {
        padding: 0rem !important;
    }
    .new-list-content-right-top{
        padding: 0rem !important;
    }
    .new-list-content-right-top h3 {
        padding: .4rem;
        margin-top: 0!important;
    }
    .article-right{
        margin-right: 1% !important;
    }
    div.ourservicewrap .left{
        height: inherit!important;
    }
}
@media screen and (max-width:820px){
    .nav_center{
        margin: 0 6%!important;
    }
    .brand video {
        margin-top: .2667rem;
        width: .44rem;
    }
    .item_center{
        flex-wrap: wrap;
        justify-content: center; 
        align-content: center;
    }
   
    .partner{
        padding-bottom: 0;
    }
    .detail_our_title img{
        width: 8rem;
        margin: 1rem auto;
    }
    .detail_yangben{
        width: 100%;
        display: inherit;
    }
    .item_yangben{
        width: 40%;
        display: inline-block;
        margin-bottom: 1rem;
        display: flex;
        justify-content: center;
    }
    .item_yangben:nth-child(2){
        margin-right: 0;
    }
    .item_yangben:nth-child(4){
        margin-right: 0;
    }
    
}
/* .web{
    display: none;
}
.ipnone{
    display: block;
} */
.ourIp .item{
    overflow: hidden;
}

/* 详情页面pc */
.cexubj{
    background-image: none;
}
.icon_bg{
    position: relative;
}
.icon_bg img{
    position: absolute;
    width: 1.0667rem;
    top: 1rem;
    left: 0rem;
}
.detail_title{
    font-weight:bolder;
    font-size: .5333rem;
    color: #5BAB4F;
    line-height: .6267rem;
    /* height: .6267rem; */
    padding-bottom: .4rem;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
}

.detail_our_title{
    margin: 1rem 0 .8rem;
}
.detail_changjing{
    margin-top: .76rem;
    font-size: .32rem;
    color: #5BAB4F;
    line-height: .5333rem;
    text-align: left;
}
.detail_yangbenBg{
    max-width: 20rem;
    margin:1rem auto 2rem;
}
.detail_yangben{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.item_yangben{
    padding: .5067rem 0 .5067rem .4rem;
    flex:1;
    max-width: 6.66rem;
    margin-right: .16rem;
    border-top: #5BAB4F solid 6px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.15);
    text-align: left;
}
.item_yangben_mingxi_height{
    height: 1.4rem;
}
.item_yangben_it{
    display: flex;
    align-items: center;
}
.item_yangben_it img{
    width: .7467rem;
    height: .7467rem;
}
.item_yangben_it div{
   margin-left:.2133rem ;
}
.item_yangben_mingxi{
    font-size: .32rem;
    color: #666666;
    line-height: .3733rem;
    margin-top: .5rem;
    display: flex;
}
.item_yangben_mingxi i{
    background: url('../img/icon.png') no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    width: .3733rem;
    height: .3733rem;
    margin-right: .17rem;
}
.item_yangben_it div{
    font-weight:bolder;
    font-size: .32rem;
    color: #000000;
    line-height: .3733rem;
}
.jslc .item_yangben{
   border-top: 0;  
   box-shadow: none;   
}
.jslc .item_yangben img{
    width: 3.6rem;
    margin: auto;
}
.jslc .item_yangben div{
    text-align: center;
    width: 3.6rem;
    margin: .2rem 0;
    font-size: .4rem;
    color: #5BAB4F;
    line-height: .4667rem;
}
.youshi{
    display: flex;
    align-items: center;
    justify-content: center;
}
.youshi img{
    width: .84rem;
    margin: 0.73rem 0 .4533rem;
}
.item_youshi{
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #D9D9D9;
    margin-right: .46rem;
    margin-bottom: .2rem;
    flex: 1;
}
.contact .item_youshi{
    border: none;
}
.contact .item_youshi .youshi_text{
    font-size: 16px;
    color: #5BAB4F;
    font-weight: normal;
}
.item_youshi:last-child{
    margin-right: 0;
}
.youshi_title{
    font-size: 22px;
    font-weight: bolder;
    color: #000;
}
.youshi_line{
    width: .5867rem;
    height: 2px;
    background: #5BAB4F;
    margin: auto;
    margin-top: 0.4rem;
}
.youshi_text{
    font-weight: bolder;
    font-size: 12px;
    color: #919191;
    line-height: 24px;
    padding:.3rem .3rem;
}
.clone .item_youshi{
    /* width: 40%; */
    background: #FAFAFA;
    height: 5.3rem;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.clone .item_youshi img{
    margin-bottom: .2rem;
    width: 1.3333rem;
}
.clone .item_youshi div{
    font-size: 0.32rem;
    color: #000;
    font-weight: bolder;
}
.con_map{
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 2rem;
    flex-wrap: wrap;
}
#baidu-map{
    width: 8rem;
    height: 5.3333rem;
}
.inputs{
    width: 30%;
    margin-left: 2%;
    padding: 0.6rem .8rem;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
}
.inputs_top{
    display: flex;

}
.inputs_top .inputs_item{
    flex: 1;
}

.inputs_item:first-child{
    margin-right: .5rem;
}
.inputs_item p{
    margin-bottom: .28rem;
}
.inputs_item p:first-child{
    text-align: left;
    font-size: 14px;
}
.inputs_btn{
    text-align: right;
    margin-top: .4rem;
}
.submit{
    background-color: #5BAB4F !important;
}

/* pc 导航的样式 */

.navbar{
    padding:.2rem 0 !important;
    margin-bottom: 0!important;
}
.navbar a{
    cursor: pointer; 
}
.navbar-brand{
    /* width: 3.0667rem; */
    padding: 0 !important;
}
.navbar-brand img{
    /* width: 100%; */
    height: 100%;
}

.navbar .nav-logo-style{
    /* width: 3.0667rem; */
}
.navbar-default{
    border: none !important;
}    

.nav-index-jixinnongFa{
    position: relative;
}


.nav-index-jixinnong{
    /* background: #5BAB4F; */
    background: none;
    padding: 0!important;
    position: absolute !important;
    right: 0!important;
    top: 0;
    width: 50%;
    height: 51px;
    margin: 0 auto !important;
}
.nav-index-jixinnong .dropdown-menu{
    opacity: 1!important;
    border-top: #5BAB4F solid 6px;
}
.nav-index-jixinnong .dropdown-menu li{
    line-height: .8rem !important;
    height: .8rem !important;
    border-bottom: #CBCBCB 1px dashed;
}
.nav-index-jixinnong .dropdown-menu li:last-child{
    border-bottom: none;
}
/* .nav-index-jixinnong .dropdown-menu li a{
    padding: 0 .2rem;
    line-height: .8rem!important;
    height: .8rem !important;
} */
.dongjing{
    position: relative;
    overflow: hidden;
}
.dongjing:hover .item_dongjing {
    top: 0;
}
.item_dongjing{
    border-radius: 4px;
    position:absolute;
    top: 100%;
    left: 0;
    transition: top 0.3s ease;
}
.item_dongjing .title_dongjing{
    /* font-weight: bolder; */
    font-size: 20px;
    color: #FFFFFF;
    padding-top: .28rem;
}
.item_dongjing p{
    padding-left:.3rem;
    padding-right: .3rem;
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
    margin-top: .2rem;
}
.dongjing_01{
    background: url("../img/dongjing_01.png") no-repeat;
    background-size:100%;
    width: 100%;
    height: 100%;
}
.dongjing_02{
    background: url("../img/dongjing_02.png") no-repeat;
    background-size:100%;
    width: 100%;
    height: 100%;
}

/* 新闻动态 star */

.content-new{
    display: flex;
    max-width: 1200px;
    margin: auto;
    flex-direction:column;
}
.new-list-title{
    color: #555;
    font-size: 14px;
    margin: .5333rem 0 .2667rem;
}
.new-list-content{
    display: flex;
}
.new-list-content-left-warp{
    border: 1px solid #F5F7F8;
}
.new-list-content-left{
    display: flex;
    padding: .8rem;
    align-items: center;
    /* justify-content: center; */
}
.active-padding{
    padding: .6rem;
}
.new-item-content-article-img{
    display: block;
    width: 90%;
    margin: .4rem auto;
    border-radius: 6px;
}
.new-list-content-img{
    margin-right: .4rem;
   
}
.new-list-content-img img{
    width: 3.32rem;
}
.new-list-content-img .article-tap-img{
    width: 1.5733rem;
    height: 1.16rem;
}
.new-list-content-info{
    flex: 1;
}
.new-list-content-title{
    font-weight: bold;
    font-size: 16px;
    color: #000;
    line-height: 24px;
}
.new-list-content-text{
    font-size: 12px;
    color: #555;
    margin: .15rem 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap;  */
    line-height: 20px;
    /* height: 60px; */
}
.new-list-content-time{
    font-weight: 400;
    font-size: 12px;
    color: #C5C5C5;
    line-height: 20px;
    letter-spacing: 1px;
}
.new-list-content-right{
    margin-left: 1rem;
    width: 40%;
}
.article-right{
    margin-left: 0.4rem;
    /* width:4.6667rem ; */
    width: 30%;
}
.flex_one{
    flex: 1;
}
.article-right .new-list-content-left{
    padding: .2rem;
    display: flex;
    flex-direction:row !important;
}
.article-right .new-list-content-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.article-right .new-list-content-right-top{
    border: 1px solid #F5F7F8;
}
.new-list-content-right-top{
    padding: .4rem;
    border: 1px solid #F5F7F8;
}
.new-list-content-right-top h3{
    margin-top: 0;
}
.new-item-content-article-text{
    font-weight: 400;
    /* font-size: 12px; */
    color: #0b0a0a;
    line-height: 32px;
    letter-spacing: 1px;
    padding: 15px 0;
}
.new-item-content-article-text span{
    display: block;
    text-indent: 2em;
    font-size: 14px !important;
}
.new-item-content-article-text p{
    font-size: 14px;
    text-indent: 2em;
}
.new-item-content-article-text h1,h2,h3,h4,h5{
    /* font-size: 16px; */
    font-weight: bold;
}
.new-item-content-article-text img{
    width: 100% !important;
}
.new-list-content-right h3 span {
    display: inline-block;
    font-size: 20px;
    padding: .1333rem;
    border-bottom: #5BAB4F solid 2px;
    text-align: justify
}
.new-line{
    border-bottom: #F5F7F8 solid 1px;
}
.new-line:last-child{
    border-bottom:none
}
.title-new-top{
    font-weight: bold !important;
    font-size: 14px;
    color: #111111;
    line-height: 22px;
    letter-spacing: 1px;
    margin:.4rem 0 .1rem;
}
.title-new{
    font-size: 12px;
    padding-bottom: .3rem;
    overflow: hidden;
    text-overflow: ellipsis; /* 当文本溢出时显示省略号 */
    white-space: nowrap; 
    width: 100%; 
    color:#555555;
    /* height: .8rem; */
    /* line-height: .4rem; */
}
.new-list-content-right-bottom{
    margin-top: .4rem;
}
.new-tap{
    display: flex;
    flex-wrap: wrap;
    margin-top: .3rem;
}
.new-tap span{
    display: inline-block;
    line-height: .5333rem;
    padding: .1333rem .2rem;
    font-weight: 400;
    font-size: 14px;
    color: #555555;
    background: #F5F7F8;
    border-radius: 2px;
    margin: .15rem .2rem;
}
.pages{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.3333rem;
    margin: .5rem 0;
}
.el-pager li.active {
    color: #5BAB4F !important;
}
.el-select-dropdown__item.selected {
    color: #5BAB4F !important;
}

.active-content{
    border: none;
}
.active-content .new-list-content-left{
    flex-direction: column;
    border: none;
}
.flex_one .new-list-content-left{
    align-items: normal;
}
.new-item-content-article-title{
    font-weight: bold;
    font-size: 24px;
    color: #555555;
    line-height: 28px;
    letter-spacing: 2px;
    text-align: center;
}
.new-item-content-article-icon{
    margin: .2rem 0;
    clear: both;
    font-weight: 400;
    font-size: 12px;
    color: #C5C5C5;
    line-height: 20px;
    height: 20px;
}
.new-item-content-article-icon span:first-child{
    float: left;
}
.new-item-content-article-icon span:last-child{
    float: right;
}
.article-bottom{
    margin: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.article-bottom div{
    font-size: 14px;
    color: #555555;
    line-height: 22px;
    letter-spacing: 1px;
    width: 320px;
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap; 
}
.article-bottom div:first-child{
    margin-right: 10px;
}
.article-bottom div span{
    font-weight: bold;
}


/* 新闻动态 end */


/* 移动端 */
@media screen and (max-width:768px){
    .swiper-container{
        margin-top: 65px;
    }
    .itemBanner img {
        height: 5rem;
        width: auto;
    }
    div.brandTitleWrap {
        text-align: center;
    }
    div.brandTitleWrap div.line {
        margin: 0px auto !important;
        width: 150px;
    }
    div.brandTitleWrap div.line span {
        margin: 0px auto;
    }

    .brand{
        /* width: 100%; */
        width: 92%;
        margin:0 4%;
    }
    .brand .title{
        width: 100%;
        padding: .0267rem .0267rem 0;
    }
    .brandRight{
        width: 100%;
        padding: .0267rem .0267rem 0;
    }
    .title{
        padding-top: .5333rem;
    }
    .title h4{
        font-size: .48rem;
    }
    .title p{
        padding-top: 0.8rem;
        font-size: .3733rem;
    }
    .service {
        width: 100%;
        padding-bottom: 0px;
    }
    .service .title .line {
        width: 1.8667rem;
    }
    #linkToServiceDis .title{
        margin-bottom: .4rem;
    }
    .tapWrap{
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;

    }
    .tapWrap .tapWrapitem{
        flex: 1;
        overflow: hidden;
        background: #fff;
        margin-bottom: 0.5rem;
        box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
    }
    .tapWrapitem .image img{
        width: 100%;
    }
    .tapWrapitem div.mask {
        position: none;
    }
    .tapWrapitem .description{
        position: none;
        padding: .1333rem;
        /* top: calc(50% - -7.8rem); */
        /* top: 2rem; */
    }
    .tapWrapitem .description p{
        font-size: .2933rem;
        line-height: .6rem;
        text-align: left;
        padding: 0 0.5rem 0.15rem;
        color:#666;
    }
    .service{
        margin-bottom: 0;
    }
    .jspt{
        width: 100%;
        margin-top: .2667rem;
    }
    .jspt img{
        width: 100%;
        height: auto;
    }

    .foot_center_modify {
        padding: .1333rem 0px;
        margin: 0 .1333rem;
    }

    .foot_center_modify h3 span {
        padding-right: 0px;
    }
    .foot_center_modify h3 a, .foot_center_modify h3 i{
        margin-right: 10px;
        padding-right: 0px;
    }

    .foot_center_modify h3 div i{
        display: block;
    }
    .partner{
        background: url(../img/iphone/parthen.png) no-repeat;
        background-size: cover;
    }
    .ourIp .item{
        overflow: hidden;
    }
    .brand{
        /* background-size: 68%; */
        background-position: -3.3333rem -0.8rem;
    }

    .ourIp{
        margin: .2667rem auto 0;
    }
    .ourIp .item{
        width: 8.6667rem;
        /* width: 50% !important; */
        margin-right: 0;
        overflow: inherit;
    }
    .ourIp .item img{
        margin-top: .23rem;
    }
    .ourIp .item p{
        padding: 0.1rem .6rem .4rem;
        font-size: .299rem;
        line-height: 0.44rem;
        text-align: left;
        height: 1rem;
        color: rgba(0,0,0,0.6);
    }
    .item aside {
        padding: .1333rem;
        padding-top: 0;
    }
    .foottit{
        font-size: .16rem;
    }

    .navbar-brand{
        width: 3.0667rem;
        /* padding: 8px !important; */
        padding-left: .4rem !important;
    }
    /* 详情页 */
    .detail_title{
        padding-top: .4rem;
    }
    .detail_changjing{
        padding-bottom: .5rem;
    }
    .detail_our_title img{
        width: 8rem;
        margin:0 auto;
    }
    .detail_yangben{
        width: 100%;
        display: inherit;
    }
    .item_yangben{
        width: 40%;
        display: inline-block;
        margin-bottom: 1rem;   
        vertical-align: top;
    }
    .item_yangben:nth-child(2){
        margin-right: 0;
    }
    .item_yangben:nth-child(4){
        margin-right: 0;
    }
    .icon_bg img{
        top: .4rem;
    }
    .con_map{
        width: 90%;
        margin: 1rem 5%;
        margin-bottom: 0;
    }
    .baidu-map{
        width: 13rem !important;
    }
   
    .inputs{
        width: 100%;
        margin: 1rem 0;
        padding: 0.4rem;
    }
    /* 新闻 */
    
    .new-list-content {
        display: block;
    }
    .new-list-content-right{
        width: 92%;
        margin: .6rem 4%;
    }
    .new-line {
        padding-left: .3rem;
        padding-bottom: .3rem;
    }
    .new-tap{
        padding: .3rem;
    }
    
}
@media screen and (max-width:767px){
    .youshi{
        width: 100%;
        display: block;
        margin-bottom: 1rem;
    }
    .item_youshi{
        width: 92%;
        margin: 0 4% .4rem;
    }
    .clone .item_yoush{
        width: 92%;
        margin: 0 4% .4rem;
    }

    div.ourservicewrap .floating-words{
        font-size: 14px;
    }


    .logo a {
        width: 3.0667rem;
        height: .8267rem;
    }
    .brand{
        /* background-size: 68%; */
        background-position: -3.3333rem -0.8rem;
    }

    .ourIp{
        margin: .2667rem auto 0;
    }
    .ourIp .item{
        width: 8.6667rem;
        /* width: 50% !important; */
        margin-right: 0;
        overflow: inherit;
    }
    .ourIp .item img{
        margin-top: .23rem;
    }
    .ourIp .item p{
        padding: 0.1rem .6rem .4rem;
        font-size: .299rem;
        line-height: 0.44rem;
        text-align: left;
        height: 1.5rem;
        color: rgba(0,0,0,0.6);
    }
    .item aside {
        padding: .1333rem;
        padding-top: 0;
    }
    .foottit{
        font-size: .16rem;
    }
    /* 新闻 */
    .new-list-content-left{
        display: block;
        padding: 0;
        width: 92%;
        margin: 0 4% .4rem;
        box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
    }
    .iphone-new{
        box-shadow: none
    }
    .iphone-new a{
        width: 266px;
    }
    .new-list-content-info{
        padding: .4rem;
    }
    .new-list-content-img{
        margin-right: 0;
    }
    .new-list-content-img img {
        width: 100%;
    }
    .new-list-content-right-top{
        box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
    }

    .nav-index-jixinnongFa-mask {
        position: fixed;
        width: 100%;
        left: 0px;
        top: 0px;
        /* background: #CCC; */
        height: 100vh;
        z-index: 9996;
    }

    .nav-index-jixinnongFa {
        position: fixed;
        width: 70%;
        left: 100%;
        top: 0px;
        background: #000;
        height: 100vh;
        overflow-y: auto;
        padding-top: .5333rem;
        z-index: 9999;
        transition: all .3s ease-in-out;
    }
    .nav-index-jixinnongFa-show {
        left: 30%;
    }
    .nav-index-jixinnongFa ul.navbar-nav {
        display: block;
        padding-top: .2667rem !important;
    }
    .navbar-nav .dropdown-menu {
        display: block;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-default .navbar-nav>li>a , .nav-index-jixinnong .dropdown-menu li a {
        color: #fff !important;
    }
    .nav-index-jixinnong .dropdown-menu li a {
        text-indent: .8rem;
    }
    .nav-index-jixinnong .dropdown-menu li {
        border-bottom: none;
    }
    
}
.navbar-default .navbar-brand img.green {
    display: block;
}
.navbar-default .navbar-brand img.white {
    display: none;
}

.navScroll {
    background-color: #000 !important;
    opacity: 0.8;
}

.navScroll .nav_center ul li a{
    color: #fff;
}

.navScroll div.container div.navbar-header a.navbar-brand img.green {
    display: none;
}
.navScroll div.container div.navbar-header a.navbar-brand img.white{
    display: block;
}

.navScroll .navbar-nav>li>a{
    color:#FFF !important;
}

.navScroll .navbar-nav>.open>a, .navScroll .navbar-nav>.open>a:focus, .navScroll .navbar-nav>.open>a:hover {
    color: #000 !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #5BAB4F!important;
    background-color: inherit!important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: none!important;
}
.dropdown-menu>li>a {
    padding: 12px 20px !important;
}
.navbar-fixed-top{
    opacity: 1 !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #5BAB4F!important;
}
